2017-07-29 88 views
-2
<script 
src="https://code.jquery.com/jquery-3.2.1.min.js" 
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
    crossorigin="anonymous"></script> 
    <script> 
    $(document).ready(function(){ 
    $("#submit").on('click',function() 
    { 
    var email=$("#email").val(); 
    var pnumber=$("#pnumber").val(); 
    $.ajax(
    { 
    url:'action.php', 
    method:'post', 
    data:{ 
    email:email, 
    pnumber:pnumber 
    }, 
    success:function(response) 
    { 
$("#error").html(response); 
}, 
datatype:'text' 
} 
); 
} 
); 
}); 
</script> 

我已经创建了包含电话号码和电子邮件ID的表单。点击提交按钮后,请求转到服务器,服务器将检查电话号码是否存在于数据库中,并且电子邮件ID是否存在于数据库中。 如果电子邮件ID存在于数据库中,则必须显示电子邮件已存在并且与电话号码相同的消息。如何使用jquery处理ajax响应?

所以IAM使用jQuery响应来获得服务器的响应。 那么,如何验证jQuery中的响应呢? 如果电话号码错误是响应,它应该在表单页面的电话号码列中显示错误消息。

如果电子邮件错误是响应,它应该在表单页面的电子邮件ID列中显示错误消息。

iam在服务器端使用PHP。

iam实际上询问如何检查该响应是电话号码错误还是电子邮件错误,以便在表单页面中的特定字段处显示错误消息。

回答

0
$response = array(); 
    if($phn_number){ 
    $response['phn_number_exist'] = 'phone number exist'; 
    }else{ 
    $response['phn_number_error'] = 'phone number error'; 
    } 

    if($email){ 
    $response['email_exist'] = 'email exist'; 
    }else{ 
    $response['email_error'] = 'email error'; 
    } 

    echo json_encode($response); 

    //and in your script 

    success: function(data){ 
    obj =JSON.parse(data); 
    if(obj.phn_number_error){ 
    alert('phone number error'); 
    } 
if(obj.email_error){ 
    alert('email error'); 
    } 
    } 
+0

谢谢@王子 – john