Problem

Ich habe Folgendes versucht

// Start method 1

var grbData = $.ajax({
        type : "GET",
        url : "http://grb.sonoma.edu:81/getgrbs.php",
        data : "start=0&perPage=3"}).responseText;

$("#ajaxDiv").html(grbData);

// End method 1

// Start method 2

$.get("getgrbs.php", { start : 0, perPage : 3},
        function(data) {
              $("#tst").html(data);
        }, "html");

// End method 2

auf dieser Seite:http://grb.sonoma.edu:81/paging.php Daten aus einer Datenbank laden. Methode 1 scheint nur in IE8 zu funktionieren, jedoch erst, nachdem die Seite aktualisiert wurde. Beim ersten Laden der Seite erhalte ich die Meldung "Die für diesen Vorgang erforderlichen Daten sind noch nicht verfügbar." Error.

Der Grund, warum ich Methode 1 bevorzuge, besteht darin, dass ich Zugriff auf einzelne Zeilen in der Tabelle habe. Z.B. Jede Zeile hat eine Klasse "Burst". ich benutze

$(".burst").click(function() {
        $(".burst").css("background-color", "");
        $(this).css("background-color", "yellow");
    });

um die Farbe der ausgewählten Zeile zu ändern, wenn Sie darauf klicken. Dies scheint nur mit Methode 1 und nicht mit Methode 2 zu funktionieren.

Der gesamte obige Code ist in $ (document) .ready () gekapselt. Ich habe versucht

$("#ajaxDiv").load("getgrbs.php", { start : 0, perPage : 3});

Ich erhalte jedoch ähnliche Ergebnisse wie bei Methode 2.

Wie kann ich erreichen, dass die Klickfunktion mit Methode 2 oder Methode 1 in allen Browsern ohne Aktualisierung funktioniert? Vielen Dank für jede Hilfe, die ich dafür bekommen kann.

Ich muss dies in Ajax tun (versuchtes Ajax ohne JQuery und kein Glück dort auch), da es andere Sachen auf der Seite gibt, die nicht als die Benutzerseiten durch die Daten ändern.

Nachtrag zur Lösung (bessere Lösung als Antwort)

Nachdem ich "success" erfolgreich benutzt hatte, bemerkte ich, dass die Möglichkeit, auf eine Zeile zu klicken und die Farbe zu ändern, weg war. Also habe ich folgendes gemacht, was zu funktionieren scheint. Ich bin mir nicht sicher, ob es der beste Weg ist.

var grbData = $.ajax({
    type : "GET",
    url : "http://grb.sonoma.edu:81/getgrbs.php",
    data : "start=0&perPage=3",
    dataType : 'html',
    success: function (data) {
            $("#ajaxDiv").replaceWith(data);
            startInteraction();
        }
});

function startInteraction() {
    $(".burst").click(function() {
        $(".burst").css("background-color", "");
        $(this).css("background-color", "yellow");
    });
}