Как обновить div без перезагрузки страницы

не подскажите есть ли какой метод обновить содержимое без перезагрузки страницы кроме этого $("#id").load(location.href + " #id"); Как понимаю он делает перезагрузку всей страницы , а обновляет только данные этого блока. Идёт большая нагрузка на сайт, мб можно как-нибудь обновить конкретно этот блок и в нём число?


Ответы (1 шт):

Автор решения: usmonkhon

Сначала создаёте функцию

function loadcart(){
     $.ajax({
  type: "POST",
  url: "/include/loadcart.php",
  data: "",
  dataType: "html",
  cache: false,
  success: function(data) {
     
  if (data == "0")
  {
    $(".block-cart > h3").html("Корзина пуста").show();
    
  }else
  {
    $(".block-cart > h3").html(data);
  }      
      }
});          
}

Потом при нажатии на .btn_by вызываете функцию

 $('.btn_buy').click(function(){
              
 var   tid = $(this).attr("tid");

 $.ajax({
  type: "POST",
  url: "/include/addtocart.php",
  data: "id="+tid,
  dataType: "html",
  cache: false,
  success: function(data) { 
  loadcart();
  loadprice();
      }
});
});
→ Ссылка