В то время как обновление тега div с использованием JavaScript обновляет всю страницу

Question

Я пытаюсь обновить тег div с помощью js.

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

При выполнении окна с предупреждением я вижу, что страница загружается в тег div, но после нажатия OK на странице оповещения автоматически перезагружается страница

Answer 1

Запретить функциональность по умолчанию для элемента, по которому щелкают

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