雖然使用JavaScript刷新div標簽會刷新整個頁面

Question

我正在嘗試使用js刷新div標簽。

$(document).ready(function() {
  $('#product_slidebar').on('click', function() {
    console.log("2");
    $('#data').load('{{URL::to("/product") }}');
    alert("m");
  });
});

在執行警報框時，我可以看到該頁面已加載到div標簽中，但是在警報框頁面上單擊“ 確定”后 ，將自動重新加載該頁面

Answer 1

防止在元素上單擊默認功能

 $('#product_slidebar').on('click', function(e) { e.preventDefault(); console.log("2"); $('#data').load('{{URL::to("/product") }}'); alert("m"); });