javascript - 如何处理带有条件的ajax响应文本

Question

我已经让我的表单使用 ajax 发布，并且一切正常。就 ajax 而言，它使用 responseText 成功地处理了它的作业。但这并不意味着在我的案例中一切都得到了正确处理。

ajax 正在发布我的表单，该表单运行一个 php 文件以将数据插入我的数据库。成功或失败，都会有一个响应文本，如果所有数据都已插入数据库，则显示“谢谢”，如果失败，则显示“错误:”。

如何根据该 responseText 创建一个 if 条件来处理这种自定义 responseText 错误？或者我可以强制它在响应文本为“Err:”时返回 .ajaxError() 吗？

HTML 格式:

<form method="post" action="contact.php" id="contact">
    <fieldset>
        <input type="text" id="email" class="required email" name="email"  maxlength="30" value="youremail @ example.com" />
        <input type="text" id="subject" class="required" name="subject" maxlength="24" value="Enter your subject" />
        <textarea id="msg" class="required textarea" name="msg" cols="30" rows="5">Reason for contact.</textarea>
        <input type="submit" class="formBtn" value="Punch me an Email" />
    </fieldset>
</form>

JQuery:

$(window).load(function(){
  $('#contact').ajaxForm({
        beforeSubmit:formValidate, 
        success: showResponse,
        clearForm:true
    }); 
});
function formValidate(){
    $('#contact').validate({
                rules:{
                    email:{required: true, email:true},
                    subject:{required: true, minlength: 5},
                    msg:{required: true, minlength: 50}
                },
                messages:{
                    email:'',
                    subject: '',
                    msg: ''
                },
                invalidHandler:function(){
                    $('div.error').hide();
                },
                focusInvalid:true,
                onfocusout:false,
                submitHandler: function() {
                    $('#contact').ajaxSubmit();
               }
            });
}
function showResponse(responseText,statusText,xhr,$form){
    console.log(responseText);
//    alert(responseText);
    // $("#contact").toggle('slow');
}

Answer 1

我建议将 dataType: 'json' 属性添加到您的 $.ajaxForm 调用中。然后在你的 php 中而不是返回 'Thanks' 你可以返回:

return json(array('status'=>'success'));

或

return json(array('status'=>'failed'));

然后在 show-response 中你可以运行类似的东西:

if(responseText.status === 'failed') { // do something })