本文实例讲述了jQuery使用getJSON方法获取json数据。分享给大家供大家参考，具体如下：
demo.js：
[
{
"name":"吴者然",
"sex":"男",
"email":"demo1@123.com"
},
{
"name":"吴中者",
"sex":"男",
"email":"demo2@123.com"
},
{
"name":"何开",
"sex":"女",
"email":"demo3@123.com"
}
]
demo.html：
<html>
<head>
<
jQuery中的`$.getJSON()`是一个非常方便的方法，用于异步获取JSON格式的数据，并自动进行JSON解析。这个方法结合了`$.get()`和内置的JSON解析器，使得从服务器获取并处理JSON数据变得更加简单。在给定的示例中，我们将详细讨论`$.getJSON()`的使用方法以及相关知识点。
`$.getJSON()`的语法是：
```javascript
$.getJSON(url, data, callback)
```
参数解释如下：
- `url`: 必需，一个字符串，表示包含JSON数据的URL。
- `data`: 可选，一个对象或序列化的字符串，用于发送到服务器的数据。
- `callback`: 可选，当请求成功时执行的回调函数，接收到的参数是解析后的JSON数据。
在提供的`demo.js`文件中，我们看到了一个JSON数组，包含了三个对象，每个对象都有`name`、`sex`和`email`这三个属性。这些数据将在页面上显示出来。
在`demo.html`文件中，我们可以看到一个简单的HTML结构，包含一个按钮和一个用于显示数据的`div`。当用户点击按钮时，`jQuery`的`click`事件监听器会触发`$.getJSON()`方法来获取数据。
```javascript
$("#btn").click(function() {
$.getJSON("js/demo.js", function(data) {
// 处理获取到的数据
});
});
```
回调函数中的`data`参数就是从服务器获取的JSON数据。在本例中，`data`是一个数组，所以我们可以使用`$.each()`遍历数组中的每个对象，然后构建HTML字符串并将其插入到页面中。
```javascript
$.each(data, function(infoIndex, info) {
var strHtml = "姓名：" + info["name"] + "<br>";
strHtml += "性别：" + info["sex"] + "<br>";
strHtml += "邮箱：" + info["email"] + "<br>";
strHtml += "<hr>";
});
$("#jsonTip").empty().html(strHtml);
```
`$.each()`遍历数组，对于每个对象，我们创建一个包含姓名、性别和邮箱的HTML字符串，然后将这个字符串插入到页面的`#jsonTip`元素中。
在实际开发中，JSON数据通常来自服务器端，而不是同源的JS文件。如果JSON数据是从远程服务器获取的，需要注意跨域问题。如果服务器支持CORS（跨源资源共享），则可以通过`$.getJSON()`进行跨域请求。如果不支持CORS，可以考虑使用JSONP（JSON with Padding）或者服务器设置代理。
示例中还提到了一些在线JSON工具，这些工具可以帮助开发者检查、美化、格式化或转换JSON数据，对日常开发工作非常有帮助。
jQuery的`$.getJSON()`方法是获取和处理JSON数据的强大工具，它简化了异步请求和数据解析的过程。结合其他jQuery方法，如`$.each()`，可以方便地在网页上展示动态获取的数据。了解和熟练掌握这些工具和方法，将极大地提高前端开发效率。
