jquery中ajax如何返回值到上层函数的方法以及对于js处理json对象方法的记录
2015-05-04 10:42
1386 查看
①在我们做前端js处理的时候我们经常会将一些公用的js方法封装起来,方便别的地方调用,但是我们要做的是需要将请求返回的值传递给调用者,这里我记录了在js中采用ajax方法获取后台数据并返回给调用者的方法,我们平时使用ajax的方法基本为如:
但是返回获取到的personJson却是没有我们想要的值,其实追究其原因是因为ajax中存在同步执行和异步执行的两种方式,在不做任何抉择的时候ajax采用的是异步执行的方式,所以我们想将结果返回的时候我们需要将执行方式修改为同步执行即可:
②在①中我们获取到了返回值data,这是一个jsonobject的json对象,我们如何获取其中的属性对应的值呢?
personJson = jQuery.parseJSON(data);
alert(personJson.openid);
首先将数据对象话,然后通过object.key就可以获取到对象的属性值了 ,欢迎访问个人博客(http://cuiyongzhi.com)!
<span style="font-family:FangSong_GB2312;font-size:18px;">function AutoGetOpenid(){ var personJson; $.ajax({ url : "***.action", type : 'post', dataType : 'json', contentType : "application/x-www-form-urlencoded; charset=utf-8", data : { 'code' : location.href.split('=')[1].split('&')[0] }, success : function(data) { //返回获取到用户的信息,昵称、城市、openid、unionid、性别、头像地址等、、 personJson = jQuery.parseJSON(data); }, error : function() { } }); return personJson; }</span>
但是返回获取到的personJson却是没有我们想要的值,其实追究其原因是因为ajax中存在同步执行和异步执行的两种方式,在不做任何抉择的时候ajax采用的是异步执行的方式,所以我们想将结果返回的时候我们需要将执行方式修改为同步执行即可:
<span style="font-family:FangSong_GB2312;font-size:18px;">function AutoGetOpenid(){ var personJson; $.ajax({ url : "***.action", type : 'post', dataType : 'json', contentType : "application/x-www-form-urlencoded; charset=utf-8", <span style="color:#FF0000;">async:false,</span> data : { 'code' : location.href.split('=')[1].split('&')[0] }, success : function(data) { //返回获取到用户的信息,昵称、城市、openid、unionid、性别、头像地址等、、 }, error : function() { } }); return personJson; }</span>看上面代码的红色部分,只需要加上这一行代码就可以解决问题了;
②在①中我们获取到了返回值data,这是一个jsonobject的json对象,我们如何获取其中的属性对应的值呢?
personJson = jQuery.parseJSON(data);
alert(personJson.openid);
首先将数据对象话,然后通过object.key就可以获取到对象的属性值了 ,欢迎访问个人博客(http://cuiyongzhi.com)!
相关文章推荐
- ajax如何经过后台返回json数组以及在在js中得到json对象
- js+ajax处理java后台返回的json对象循环创建到表格的方法
- json字符串和对象转换以及json2.js和jquery.json-2.3.js中对于json的方法定义理解
- jquery中ajax如何返回值到上层函数里?
- 85---ajax实现的传统方式以及jquery方式,jquery方式的五种方法,json对象的转换方法, JSON类型的Result
- 【js jQuery】map集合 循环迭代取值---以及 map、json对象、list、array循环迭代的方法和区别
- jquery中ajax如何返回值到上层函数里?
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- Js和Jquery中ajax返回JSON格式的两种方法!(各有示例代码)
- ajax循环返回多个值如何转换为json对象在js里能取到值
- JQuery中get和getJSON方法返回json对象无法获取问题
- FireFox中使用JQuery的ajaxfileupload插件返回JSON格式数据提示保存的解决方法。
- 关于ASP.NET下,JQuery+AJAX使用JSON返回对象集合List数据的总结
- Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
- jquery-autoComplete 处理返回的json对象问题
- ajax返回json类型的数据,用js处理json类型的数据
- jquery的ajax请求处理以及处理后台java传的json数据
- js 调用 ajax返回的json对象
- 在js中如何实现方法重载?以及函数的参数问题
- [置顶] 在js中如何实现方法重载?以及函数的参数问题