javascript - 防止 jQuery 在 AJAX 调用后自动重定向

Question

我有一个将 div 加载到弹出窗口的 ajax 调用，但是当我单击按钮时，触发发生了，div 被加载，然后整个页面被重新加载。我只是想知道如何找到第二个函数来重新加载我的整个页面并添加异常，以便在我添加 div 时它不会触发？我试过 return false 和 event.preventDefault();但这没有用

我的AJAX调用代码是这样的

        $('.trigger').on('click', function(){
          $.ajax({
            url: '../load_div.php',
            type: 'POST',
            data: {
              data: data
            },
            datatype: 'JSON'
          }).done( function(data) {
              console.log(data);
              $('.div_class').html(data);
            });

          });

Answer 1

提交按钮将自动加载另一个页面。 避免这种情况。你可以使用

<button type="button"></button>

或

<input type="button">

或者在你的事件处理器中

$('.trigger').on('click', function(event){
   event.preventDefault(); //prevents page redirect
   $.ajax({
     url: '../load_div.php',
     type: 'POST',
     data: {
       data: data
     },
     datatype: 'JSON'
   }).done( function(data) {
       console.log(data);
       $('.div_class').html(data);
   });
});