Ich kann nicht ein div auf Klick neu laden, ohne die gesamte Seite neu zu laden

Question

Ich weiß, dass es andere Beiträge wie diese gibt, aber nachdem ich sie durchlaufen habe, kann ich immer noch nicht herausfinden, wie man Ajax verwendet, um ein div neu zu laden Seite, ohne die gesamte Seite zu aktualisieren.

Answer 1

Damit dies funktioniert, müssen Sie die URL angeben, die die Antwort liefert, die Sie in Ihr div laden möchten.

$("#cart").click(function() { 
    $("#drawer-indiv-product").load("some-url.html #drawer-indiv-product"); 
}); 

Dies ist von der Last() Dokumentation: http://api.jquery.com/load/, wird die URL-Parameter erforderlich.

Edit: Sie so etwas wie diese verwenden können, um mehr über die Daten, um herauszufinden, die Sie erhalten:

$("#cart").click(function() { 
    $("#drawer-indiv-product").load("some-url.html #drawer-indiv-product", function(response, status, xhr) { 
     if (status == "error") { 
      console.log(xhr.status + " " + xhr.statusText); 
     } 
     else { 
      console.log(response); 
     } 
    } 
}); 

Answer 2

Sie verwenden die load Methode falsch. Laut der documentation können Sie ein Fragment aus dem Remote-Dokument laden, aber um dies zu tun, müssen Sie die richtige Syntax verwenden. Zum Beispiel:

$("#drawer-indiv-product").load("/resource/load.html #drawer-indiv-product"); 

Answer 3

Verwenden Sie die Last richtig. Fügen Sie am Ende von onclick return false hinzu. Es wird das Verhalten des gemeinsamen Links verhindern - Seite neu laden.