为您解惑：jQuery中$.getJSON( )的使用方法简介之获取JSON格式的数据.........

来源：互联网发布：微策略软件编辑：程序博客网时间：2024/06/13 07:31

jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据，它使用的是GET HTTP请求。

使用方法：$.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

1 0