JQuery中的$.getJSON 使用说明

以下是关于JQuery中的$.getJSON()使用说明的完整攻略：

1. 概述

$.getJSON()是JQuery中用来发送JSON格式请求并获取响应结果的函数。其基本用法为：$.getJSON(url, [data], [success])。

其中，url表示数据请求的url，data是可选的请求参数，success是请求成功后的回调函数。

2. 示例

2.1 简单示例

$.getJSON('example.json', function(data) {
  console.log(data);
});

上述代码会请求example.json文件，并在获取响应后将响应结果打印到控制台上。

2.2 携带参数的示例

$.getJSON('example.json', {name: 'Tom', age: 20}, function(data) {
  console.log(data);
});

示例中在$.getJSON()函数中携带了参数{name: 'Tom', age: 20}，这两个参数会被拼接到请求url的后面，形成类似于example.json?name=Tom&age=20的url。服务器端可以通过$_GET等方式获取这些参数，进行相应的处理。

3. 注意事项

• 如果请求的url与当前网页的域名不一致，可能会触发浏览器的跨域问题，解决方案是使用Jsonp或者后台代理的方式。
• 在请求成功后，success回调函数中的data参数是服务端返回的数据，但是该数据格式有可能经过了JQuery的封装处理，需要进行相应的解析才能得到原始数据。
• 如果数据请求失败，可以在$.getJSON()函数中传入error参数来定义请求失败后的处理逻辑。
• 在请求过程中可以使用JQuery中的$.ajaxStart()和$.ajaxStop()函数来分别定义Ajax请求开始和结束时的处理逻辑。

4. 结论

通过以上说明，我们可以得到，$.getJSON()是JQuery中非常常用的数据请求方法，可以方便地获取JSON格式的服务端数据，让页面与后端进行数据交互更加容易高效。