Jquery Ajax 发布成功/错误函数

Question

我正在尝试实现以下代码，该代码运行成功，但直接通过了 success 函数。我在那里放置了一个警报，该警报仅显示一瞬间，但以下 jquery 消息调用不会出现。 (消息功能在同一页面的其他实例中有效)。

使用 jquery 1.6。

知道为什么代码没有按预期执行吗？谢谢!

$(document).ready(function(){
   $('#postride').submit(function() {

     dataString = $("#postride").serialize();
     $.ajax({
        type: "post",
        url: "postride.php",
        data:dataString,
        error: function() {
            alert('error!');
            $(".message").text('An error occurred');
            $(".message").fadeIn("slow");
            $(".message").delay(2000).fadeOut(1000);    
        },
        success: function () {
            alert('success!');
            $(".message").text('Your post has been completed');
            $(".message").fadeIn("slow");
            $(".message").delay(2000).fadeOut(1000);    
            setTimeout( function() { top.location.href="view.php" }, 3000 );    
        }
     })
    });
});

Answer 1

我认为#postride是您使用ajax发布的表单。您的代码中的问题是您没有停止要提交的表单的默认行为。一旦您提交表单，就会在 ajax 调用响应到来之前发布，您几乎看不到任何内容。

试试这个。

$(document).ready(function(){
   $('#postride').submit(function(e) {
     //This line will prevent the form from submitting
     e.preventDefault();


     dataString = $("#postride").serialize();
     $.ajax({

...  
     });

   });
});