$ .ajax无法正常工作并绕过onclick事件

Question

我的onclick事件不会调用ajax请求，但是函数会同时给我第一和第二警报。 这是我的代码。

 function interaction()
    {
        alert('first');

        $.ajax({
                    url: "store_setting_ajax.php",
                    dataType:'json',
                    type:'POST',
                    data:{
                        interaction1:'yes'
                    },
                    success:function(data){
                        window.location.reload();

                    }
                });
       alert('second');
    }

我尝试使用e.preventDefault（）但无法正常工作。

Answer 1

如果是表单，则将其放入onsubmit中，如下所示： <form method='POST' action='' onsubmit='return interaction()'>在函数结尾处，执行return false;

type:'POST'已经过时，请改用method:'POST' 。 代替success使用，是这样的：

$.ajax({....... your stuff .......}).done(function(data){
window.location.reload(); //whats the point of using ajax here, if you do a reload then?
})