为您解惑:jQuery中$.getJSON( )的使用方法简介之获取JSON格式的数据.........
2016-10-30 00:39
1021 查看
jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据,它使用的是GET HTTP请求。
使用方法:$.getJSON( url [, data ] [, success(data, textStatus, XHR) ] )
url是必选参数,表示json数据的地址即发送的请求;
data是可选参数,用于请求数据时发送的数据参数;
success是可选参数,这是一个回调函数,用于请求成功时处理请求到的数据。
额外的参数:
data(response) - 包含来自请求的结果数据(对象)
texyStatus(status) - 包含请求的状态
XHR(xhr) - 包含 XMLHttpRequest 对象
此函数相当于简写的ajax()函数:
实例如下:
a. json文件可以保存为“test.json”这样的文件,json数据的一般格式如下(“{ }”中的为对象,“[ ]”中的为数组):
b. 通过$.getJSON获取以上json数据:
PS:更多JSON文件解析链接:
(1)http://www.jb51.net/article/19366.htm
(2)http://www.jb51.net/article/36678.htm
使用方法:$.getJSON( url [, data ] [, success(data, textStatus, XHR) ] )
url是必选参数,表示json数据的地址即发送的请求;
data是可选参数,用于请求数据时发送的数据参数;
success是可选参数,这是一个回调函数,用于请求成功时处理请求到的数据。
额外的参数:
data(response) - 包含来自请求的结果数据(对象)
texyStatus(status) - 包含请求的状态
XHR(xhr) - 包含 XMLHttpRequest 对象
此函数相当于简写的ajax()函数:
<span style="font-size:14px;">$.ajax({ url: url, data: data, success: callback, dataType: json });</span>
实例如下:
a. json文件可以保存为“test.json”这样的文件,json数据的一般格式如下(“{ }”中的为对象,“[ ]”中的为数组):
<span style="font-size:14px;">{ "total":3, "rows":[ { "userId":1, "realName":"张梅", "headUrl":"href='teacherDetail.html'", "img":"src='images/teacher.jpg'", "introduction":"热情大方。" },{ "userId":2, "realName":"张三", "headUrl":"href='teacherDetail.html'", "img":"src='images/teacher.jpg'", "introduction":"热情大方。" },{ "userId":3, "realName":"李斯", "headUrl":"href='teacherDetail.html'", "img":"src='images/teacher.jpg'", "introduction":"热情大方" } ] }</span>
b. 通过$.getJSON获取以上json数据:
<span style="font-size:14px;">$.getJSON('test.json', function(data){ for (var i = 0; i < data.rows.length; i++) { $('#test').append('<p>' + data.rows[i].realName + '</p>'); } });</span>
PS:更多JSON文件解析链接:
(1)http://www.jb51.net/article/19366.htm
(2)http://www.jb51.net/article/36678.htm
相关文章推荐
- jQuery使用getJSON方法获取json数据完整示例
- 使用jQuery中的getJSON()方法获取数据
- 【jQuery】使用getJSON()方法异步加载JSON格式数据
- jQuery中使用Ajax获取JSON格式数据
- jquery的ajax和getJson跨域获取json数据的实现方法
- JQuery 获取json数据[$.getJSON方法]
- jQuery中使用Ajax获取JSON格式数据示例代码
- JQuery 获取json数据$.getJSON方法的实例代码
- jQuery中使用Ajax获取JSON格式数据
- 【jQuery】使用get()方法以GET方式从服务器获取数据
- jQuery 使用 $.getJSON() 跨域获取 JSON 数据
- jquery使用each方法遍历json格式数据实例
- jQuery 使用 $.getJSON() 跨域获取 JSON 数据
- 使用前端使用jQuery获取 在apsx页面的page_load方法直接返回json数据
- jquery里面调用getjson方法,将list类型转换为json格式数据,在页面迭代显示
- jquery里面调用getjson方法,将list类型转换为json格式数据,在页面迭代显示
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- IT忍者神龟之jQuery 使用 $.getJSON() 跨域获取 JSON 数据
- jquery的ajax和getJson跨域获取json数据的实现方法
- jquery的ajax和getJson跨域获取json数据的实现方法