Question

我有一个ajax调用，它将div加载到弹出窗口中，但是当我单击按钮时，触发器发生，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);
   });
});

在AJAX调用之后阻止jQuery自动重定向

1 个答案: