Jquery ajax方法解析返回的json数据
2013-10-12 16:35
651 查看
最近在用jquery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,可有时候又不行。查了些资料,解释如下:
先说明第一种情况:
能够直接 data.属性名访问的情况,服务器端代码一定是直接return的一个常量字符串。
什么是常量字符串呢,常量字符串就是指直接用“”组成的字符串,没有定义String 变量直接把一串“”print到前台的情况,就可以直接data.属性名访问,而且jquery端只要写success就可以拿到。
下面是造成要eval并且不能进入success的原因:
这种情况是因为服务器端向外print的时候是一个String对象,通常此类问题在我的代码里是因为后台json比较复杂,在组织的时候我用到了StringBuffer,然后最后print的时候print的是StringBuffer对象的toString,所以就相当于print了一个String对象
这种情况下jquery的ajax方法就不会进入success方法,只能用complete接收,并且想要解析data里的json数据的话,必须对data.responseText进行eval ()或者 $.parsejson();
除此两点,还有需要注意的是,如果你使用的是jq1.4,那么他对json的格式有着更严格的要求,所有的key和属性都要用双引号标注起来,虽然key不用双引号原生的js是允许的,但是jq1.4似乎有这个要求。
以上是我个人的想法跟理解,若有不同见解欢迎指教.
$.ajax({ url: ajaxurl, type: "POST", success: function(data){ //假设返回的json数据里有status及info2个属性 //有时候可以直接ajaxobj.status或者ajaxobj["status"]去访问 //但有时候,却要通过eval()或者 $.parsejson();才可以通过ajaxobj.status访问,而且这种情况下,需要是complete而不是success ajaxobj=eval("("+data+")"); //或者$.parsejson() //var ajaxobj = $.parsejson(data); if(ajaxobj.status=="0") { alert("请登陆."); } else if(ajaxobj.status=="1")//未绑定微博 { alert(ajaxobj.info); } return true; }, error:function(ajaxobj) { if(ajaxobj.responseText!='') alert(ajaxobj.responseText); } });
先说明第一种情况:
能够直接 data.属性名访问的情况,服务器端代码一定是直接return的一个常量字符串。
什么是常量字符串呢,常量字符串就是指直接用“”组成的字符串,没有定义String 变量直接把一串“”print到前台的情况,就可以直接data.属性名访问,而且jquery端只要写success就可以拿到。
下面是造成要eval并且不能进入success的原因:
这种情况是因为服务器端向外print的时候是一个String对象,通常此类问题在我的代码里是因为后台json比较复杂,在组织的时候我用到了StringBuffer,然后最后print的时候print的是StringBuffer对象的toString,所以就相当于print了一个String对象
这种情况下jquery的ajax方法就不会进入success方法,只能用complete接收,并且想要解析data里的json数据的话,必须对data.responseText进行eval ()或者 $.parsejson();
除此两点,还有需要注意的是,如果你使用的是jq1.4,那么他对json的格式有着更严格的要求,所有的key和属性都要用双引号标注起来,虽然key不用双引号原生的js是允许的,但是jq1.4似乎有这个要求。
以上是我个人的想法跟理解,若有不同见解欢迎指教.
相关文章推荐
- 关于jquery命名的冲突问题
- jQuery上传图片预览,简洁版,可兼容IE和FIREFOX
- jQuery验证
- jquery的extend和fn.extend
- jQuery实现图片延迟加载
- java与jquery--JSON练习(二)
- jQuery
- jQuery 异步上传插件 Uploadify 使用 (Java平台)
- jQuery 异步上传插件 Uploadify 使用 (Java平台)
- Jquery和雅虎的YQL服务实现天气预报功能!
- jQuery ajax应用
- 几个使用jQuery的图片预加载函数
- jquery、js调用iframe父窗口与子窗口元素的方法
- jQuery 获取屏幕高度、宽度
- jquery validate使用小结
- jQuery 分页插件 jPages 使用
- jQuery 分页插件 jPages 使用
- [转]jquery插件创建 jquery.fn.extend与jquery.extend
- jquery操作select(取值,设置选中)
- jQuery选择器(二)