jQuery发送Ajax请求以及出现的问题

Posted 2022-05-08 luoyihao

普通jQuery的Ajax请求代码如下：

$.ajax(
  type: ‘POST‘,
  url: "http://xxx/yyy/zzz/sendVerifyCode",
  data:
    phoneNo:$(".tel").val()
  ,
  success: function(data)
    $.toast("发送成功", "text")
  ,
  error: function()
    $.toast("发送失败", "text")
  
)

 

如果POST接口返回500,可能需要加上JSON.stringify和contentType:‘application/json‘,使对象以JSON的格式发出，这个问题在传递一个多key值的对象会出现。代码示例如下：

$.ajax(
  type: ‘POST‘,
  url: "http://xxx/yyy/zzz/register",
  data: JSON.stringify(
    username:$(".tel").val(),
    smsVerifyCode:$(‘.captchaVal‘).val(),
    realName:$(‘.username‘).val(),
    email:$(‘.email‘).val(),
      password:$(".pwd").val(),
  ),
  contentType:‘application/json‘,
  success: function(data)
      if(data.code===200)
        $.toast("注册成功", "text")
        setTimeout(function () 
            location.href = "login.html"
        , 500);
      else 
          $.toast(data.message, "text")
      
  ,
  error: function()
    $.toast("注册失败", "text")
  ,
  dataType: "json",
);

 之前对接接口还遇到过一些别的问题，到时再继续汇总一下。