本文介绍了通过jQuery异步获取json数据的两种方法，这两种方法在web程序开发中有很大的实用价值。分享给大家参考。具体方法如下：

一般来说，jQuery异步获取json数据有两种方式，一种是$。getJSON方法，另一个是$。ajax方法。在本文中，我们使用这两种方法异步获取json数据，然后将其追加到页面中。

在根目录中创建一个data.json文件：

{'one' :' hello '，' two' :' world'} 1。通过$获取json数据。getJSON方法

脚本src=' http : script/jquery-2 . 1 . 1 . min . js '/脚本脚本脚本类型=' text/JavaScript ' $(function(){ $)。getJSON('data.json '，function(data){ var items=[]；$.每个(数据、函数(键、值){ items.push('li id=' '键' ' ' val '/Li ')；});$(“ul/”、{“class”:“list”、html : items . join(“”)})。appendo(' body ')；});});/脚本

其次，通过$获取json数据。ajax方法

脚本src=' http : script/jquery-2 . 1 . 1 . min . js '/脚本脚本脚本类型=' text/JavaScript ' $(function(){ $)。ajax({ url: 'data.json '，dataType: 'json '，success:函数(data){ var items=[]；$.每个(数据、函数(键、值){ items.push('li id=' '键' ' ' val '/Li ')；});$(“ul/”、{“class”:“list”、html : items . join(“”)})。appendo(' body ')；}，status code : { 404: function(){ alert('未找到相关文件~ ~ ')；} } });});/script summary:这两个$。getJSON方法和$。ajax方法可以达到同样的效果，但是如果想要对异步获取过程有更详细的控制，建议使用$。ajax方法。

PS:关于json操作，这里有一些比较实用的json在线工具供大家参考：

在线JSON代码检查，检查，美化和格式化工具：http://tools.jb51.net/code/json

JSON在线格式化工具：http://tools.jb51.net/code/jsonformat

在线XML/JSON相互转换工具：http://tools.jb51.net/code/xmljson

Json代码在线格式化/美化/压缩/编辑/转换工具：http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具：

http://tools.jb51.net/code/json_yasuo_trans

c语言风格/HTML/CSS/json代码格式化和美化工具：http://tools.jb51.net/code/ccode_html_css_json

相信本文所描述的内容对大家的jQuery程序设计有一定的参考价值。