虽然使用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");
  });