框架异步获取数据数据有2种方式，一个是$.getJSON方法，一个是$.创建交互式、快速动态网页应用的网页开发技术方法。本篇体验使用这2种方式异步获取数据数据，然后追加到页面。

在根目录下创建data.json文件：

复制代码代码如下：{ '一' : '你好','二' : '世界' }

通过$.getJSON方法获取数据数据

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

通过$.创建交互式、快速动态网页应用的网页开发技术方法获取数据数据

复制代码代码如下：脚本src=' http :脚本/jquery-2。1 .1 .量滴js /脚本脚本类型=' text/JavaScript ' $(function(){ $).ajax({ url: 'data.json '，dataType: 'json '，success:函数(数据){ var items=[]；$.每个（数据、函数（键、值){ items.push('li id=')键' ' ' val '/Li ')；});$(“ul/”、{“class”:“list”、html :项。join(" " }).appendo(' body ')；}，状态代码： { 404: function(){ alert('没有找到相关文件~~');} } });});/script

总结：使用$.getJSON方法和$.创建交互式、快速动态网页应用的网页开发技术方法都能达到相同的效果，但是，如果想对异步获取的过程有更细节的控制，推荐使用$.创建交互式、快速动态网页应用的网页开发技术方法。