1 $.getJson()

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

1
$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )

url是必选参数，表示json数据的地址；
data是可选参数，用于请求数据时发送数据参数；
success是可参数，这是一个回调函数，用于处理请求到的数据。

获取json数据举例

1
2
3
4
5
$.getJson('test.json',function(data){
	for(var i=0;i<data.rows.length;i++){
	$('#test').append('<p>'+data.rows[i].realName+'</p>')
	}
});

　在WEB开发中异步请求方式普遍使用，ajax技术减少程序员的工作量，也提升用户交互体验。AJAX的四种异步请求方式都能实现基本需求，闲话不多说，直接切入正题。

.$.getJSON

　　$.getJSON()是专门为ajax获取json数据而设置的，并且支持跨域调用，其语法的格式为：

1
2
3
4
5
1 $.getJSON(
2       url,                 //请求URL
3       [data],           //传参，可选参数
4       [callback]       //回调函数，可选参数
5   　);
1
2
3
url：string类型， 发送请求地址 
　　data ：可选参数， 待发送 Key/value 参数 ，同get，post类型的data
　　callback ：可选参数，载入成功时回调函数，同get，post类型的callback

4.$.ajax

　　$.ajax是一种常用的普通封装异步方式。

1
1 $.ajax(options)；

　options是一个object类型，它指明了本次ajax调用的具体参数。呈上代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//示例
.ajax(
            url: "/legalconsult/layer/update-info",
            datatype:"json",
            type:'post',
            beforeSend:function(){
                            //函数体，数据发送前执行。
                     }
                      success：function(){
                            //函数体，数据发送成功回调
                      　　　　}
                      error: function(){
                            //函数体，数据发送错误时执行
                      　　    }
         );

https://www.cnblogs.com/dongsh/p/3235487.html

1.服务器返回的Json数据必须严格符合JSIN语法，例如：所有属性名称必须加双引号，所有字符串值必须加双引号（不可以是单引号）

1
2
3
4
5
6
7
8
9
语法：

　　Jquery.getJSON( url [,data][,success])

　　url: String类型 指定请求的目标URL

　　data:可选  发送请求传递的数据

　　success: 请求成功时执行的回调函数。 函数有三个参数：一  是请求返回的数据  二 请求状态文本（例如"success","notmodified"）,三 当前jqXHR对象

2 JQuery.getJSON(url,data,success);

//等价于

1
2
3
4
5
6
7
8
9
10
11
12
13
$.ajax({

　　url:url,

　　type:"GET",

　　data:data,

　　success:success,

　　datatype:"json"

});