Я не могу получить div для перезагрузки при нажатии без перезагрузки всей страницы

Question

Я знаю, что есть другие сообщения, подобные этому, но после прохождения через них я все еще не могу понять, как использовать ajax для перезагрузки div на моем страницы без обновления всей страницы.

Answer 1

Для выполнения этой работы вы должны указать URL-адрес, который предоставит ответ, который вы пытаетесь загрузить в свой div.

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

Это от нагрузки() документации: http://api.jquery.com/load/, требуется параметр URL.

Edit: Вы можете использовать что-то вроде этого, чтобы узнать больше о данных, которые вы получаете:

$("#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

Вы используете метод load неправильно. Согласно documentation вы можете загрузить фрагмент из удаленного документа, но для этого вам нужно использовать правильный синтаксис. Например:

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

Answer 3

Используйте груз правильно. Кроме того, добавьте return false в конец onclick. Это предотвратит общее поведение ссылок - перезагрузка страницы.