ajax异步请求 error,ajax异步请求的一些经验姿势

本文介绍了使用jQuery的$.ajax和$.post进行异步请求的方法,重点讨论了如何处理服务器返回的json数据。在$.ajax设置中,通过dataType指定json格式并解析返回内容。当服务端使用exit(json_encode($result))返回json数据时,可以正确读取json属性,例如result.status。文章还展示了错误处理和成功回调的使用场景。
摘要由CSDN通过智能技术生成

首先jQuery的常用异步请求分为两个

$.ajax({url,type,data,dataType,success,error});

在我现在学习状态下,我采用的一个方式是:

$.ajax({

url:"url",

type:"POST",

data:{"phone": phone.val()},

dataType: "json",

success:function (data) {

if (data.status == -1){

/* layer插件的一个方法 */

layer.msg(data.msg,{

icon:5,

shift:6

});

return;

}

layer.msg("验证码发送成功!",{

icon: 1,

shift: 1

});

settime(getsmsbtn);

},

error:function (data) {

layer.msg("发送失败!请重试",{

icon: 5,

shift: 6

});

}

});

姿势:ajax在异步提交的时候给了两个有用的东西;

1、success:function(data){console.log(data)} 服务器返回200code的时候,我可以在里面撒泼;

2、error:function(data){console.log(data)} 服务器返回 400,500code的时候,我也可以再里面撒泼;

$.POST(url,data,function(result){ console.log(result) },dataType);

在现在学习的状态下,我测试了一个方式是:

var phonevlue = phone.val();

var url = "user/getsms";

var data = {"phone":phonevlue};

/* 验证码获取 ajax的Post方法提交 */

$.post(url,data,function(result){

console.log(typeof result);

console.log(result.status);

alert(result);

},"json");

姿势:在post方法中dataType(数据类型)设置在最后一项中,指定了json格式

但是 but 我出错了,回调出来的result虽然能够log出来,但是用result.status却调不出来json内容属性;

原因:服务端返回的数据虽然为json格式,但是在js里面没有对json格式进行解析。

解决:我还是没能找到js中解析json的方法,但是我在服务端(php)操作方法返回时用了exit(json_encode($result));从此返回的log出来之后是一个obj,通过这样通过result.status就可以读取返回状态来进行登录、注册的提示信息显示了。

传送门

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值