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

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

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

jquery中$.getJSON 的使用方法
jQuery.getJSON(url, [data], [callback]) 通过 HTTP GET 请求载入 JSON 数据. 参数: url,[data],[callback] ...
$.getJSON( )的使用方法简介
JSON(JavaScript Object Notation)即JavaScript对象表示法,是一种轻量级的数据交换格式.它非常便于编程人员对数据的处理,也便于机器对数据的解析和生成,应用非常广泛 ...
使用Jquery提交Json格式的数据到Asp.net程序的另类做法
一般我们使用Jquery提交数据到Asp.net程序都有两种方法,今天我再介绍一种方法.以下是详细描述: 1)使用Get请求的方式,将参数接在请求Url的后面.例如: http://www.googl ...
Jquery 将后台返回的字符串转换成Json格式的数据
//code by:博客园-曹永思第一步:将DataTable转换成 Json格式的数据方法一 View Code /// <summary>/// DataTable转成Json格 ...
使用JQuery结合HIghcharts实现从后台获取JSON实时刷新图表
项目做了一个报表,可以实时的观察呼叫中心的电话访问量,之前的版本是使用JFreechart做的,使用一段时间后出现内存溢出,服务器的内存使用量会变得很大,所以改用Ajax前台加载数据的方式实现实时报表 ...
使用jquery的getJSON从服务器端获得数据
有时候我们需要从服务器端获取数据,来显示到页面这时我们可以用jquery的getJSON来获得数据这要求我们构造JSON格式的数据 json格式数据为:[{{'name':'老王'},{'age' ...
ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据 - 汇智网
加载JSON格式数据 jQuery的AJAX中使用getJSON()方法异步加载JSON格式数据.获取服务器中的数组,并对获取的数据进行解析,显示在页面中. 语法:$.getJSON(url,[dat ...
Java Servlet生成JSON格式数据并用jQuery显示
1.Servlet通过json-lib生成JSON格式的数据 import java.io.IOException; import java.io.PrintWriter; import java.u ...
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...

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

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

最新文章

热门文章