$发布到错误页

您可以根据响应重定向到错误页面,如下所示:

$.post("myAction",$("#myForm").serialize(), 
        function(response) {
            alert(response);
            if(response == 'Error') {
                window.location.href = '/MyErrorPage.html';
            }

});

或者您可以用响应替换当前页面的内容,例如:

$('body').html(response);

最好使用$.Ajax方法,因为您可以更好地处理错误消息(例如,如果服务器返回404错误或类似的错误)。 你可以这样做:

$.ajax({
    type: "POST",
    url: "page.php",
    dataType: "text",
    success: function(xhr) {
        if(xhr == 'error') {
            window.location.href = '/MyErrorPage.html';
        }
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        window.location.href = '/MyErrorPage.html';
    }
});

如果要按原样显示返回值,可能会使用户感到困惑,因为他们希望事情比一个简单的“错误”更加彻底。

我认为karim79有一个合适的方法,但是它太复杂了,因为您需要设计一个完整的新页面来处理错误。

我建议您在页面本身中设置自己的错误处理函数,并根据响应显示一条人类可读的消息。

看起来像这样

$.post("myAction",$("#myForm").serialize(), 
        function(response) {
            alert(response);
            if(response == 'Error') {
                $('#errorMsg").html("Could not get results from server. Please try again later.");
            }

});

您可以尝试将回调附加到 ajaxError-event handler :

$.ajaxError(
  function (event, XMLHttpRequest, ajaxOptions, thrownError) {
    window.location = '/error.html'
});

除了上面给出的建议,您还可以使用jquery表单插件,它将处理您的Ajax表单需要的所有内容。

网址: http://malsup.com/jquery/form/