如何从刷新中停止AJAX表单

Question

如何在使用成功和错误时使用AJAX停止表单？如果我删除return false;在函数结束后，显示错误（错误验证CLid！）并刷新页面，但是如果我离开它，则ajax函数提交并返回true而不刷新。如果您需要更多信息，请与我们联系。谢谢！

var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&company=' + phone + '&length=' + length + '$time=' + time + '&question' + question;

$.ajax({  
    type: "POST",  
    url: "contact_process.php",  
    data: dataString,  
    success: function() {  
       $('#search_contact').html("You're request for more information was submitted."); 
    },
    error: function() {
      $('#search_contact').html('Error validating CLid!');          
    } 
}); 


return false;

});
    

Answer 1

我怀疑您是通过表单提交或链接点击等事件触发此ajax请求。

如果您从链接触发请求，即：

<a href="contact_process.php" id="contactTrigger">Click me</a>

绑定事件时，需要调用event.preventDefault（）;在事件传递给事件处理程序以防止默认行为，即：

$('#contactTrigger').click(function(event){
   event.preventDefault();
   //do your ajax stuff here.
});