如何使用jquery处理ajax响应?

时间:2017-07-29 08:23:06

标签: php jquery ajax

<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响应来获取服务器的响应。 那么,如何验证jquery中的响应? 如果电话号码错误是响应,它应该在表单页面的电话号码列显示错误消息。

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

我在服务器端使用PHP。

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

1 个答案:

答案 0 :(得分: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');
    }
    }