防止jQuery在AJAX调用后自动重定向答案

【问题标题】：Prevent jQuery automaticly redirecting after AJAX call防止jQuery在AJAX调用后自动重定向
【发布时间】：2018-04-30 21:05:57
【问题描述】：

我有一个将 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);
            });

          });

【问题讨论】：

.trigger 是“提交”按钮吗？如果是.. 只需使用常规按钮

标签： javascript jquery html ajax

【解决方案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);
   });
});

【讨论】：

谢谢，成功了。