jQuery解析Json字符串

21 篇文章 0 订阅

http://www.lihuoqing.cn/code/861.html


JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,跟XML不相上下,在当今得到了广泛应用。有人说,当JS遇上Json,小JJ诞生啦;我说,当Json遇上xml,世界上又多了俩兄弟。近期看EasyUi视频里也全是Json作为前后台的数据交互,Json的有两种结构,分别是对象和数组:

  1. 对象:对象在js中表示为“{}”扩起来的内容,数据结构为: {key:value,key:value,…}
  2. 数组:数组在js中是中括号“[]”扩起来的内容,数据结构为: ["java","javascript","vb",...]
经过对象、数组2种结构就可以组合成复杂的数据结构了。简单认识了Json后,我们看看jQuery怎么解析Json字符串,如何应用到实际开发中,这里,列出两种解析方式:
 
一、jQuery解析Json数据格式:
使用这种方法,你必须在Ajax请求中设置参数:
1
dataType: "json"

获取通过回调函数返回的数据并解析得到我们想要的值,看源码:

1
2
3
4
5
6
7
jQuery.ajax({
      url: full_url,
      dataType: "json" ,
      success: function (results) {
        alert(result.name);
      }
});
通常情况下,你可以从后台返回JSON数据,前台就交给jQuery啦,哈哈!!
 
 
二、jQuery解析Json对象:
jQuery提供了另一种方法“parseJSON”,这需要一个标准的JSON字符串,并返回生成的JavaScript对象。让我们来看看语法:
1
data = $.parseJSON(string);
看看它是如何运用的到实际开发中的:
1
2
3
4
5
6
7
jQuery.ajax({
    url: dataURL,
    success: function (results) {
    var parsedJson = jQuery.parseJSON(results);
            alert(parsedJson.name);
    }
});

正如你所见,在这里,我已经使用parseJSON解析JSON字符串成对象,所以在这里你不能直接获得值,你需要使用对象得到的分析值。然而,JSON是相当简单的,易于阅读,一旦你习惯了大括号和括号,你将深切的感受到Json为咱带来的好处!


PS: 刚才试了一下,chrome,jquery 2.0.3,第二种起作用,第一种出现undefault。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值