Ajax / jQuery.getJSON简单示例

在本文中，我们将研究JSON的重要性，以及为什么我们应该在我们的应用程序中使用它。我们将看到的jQuery已经得到了我们布满了非常漂亮的方便的功能。


什么是JSON？
JSON代表JavaScript对象符号。简单来说，JSON是一种格式化数据的方式，例如，通过网络传输数据。在本文中，我们将介绍使用HTTP GET请求加载JSON数据（我们还可以使用其他动词，例如POST）。


为什么我们选择JSON比做XML？使用JSON的关键优势是效率。JSON不那么冗长和混乱，导致更少的字节和更快的解析过程。这使我们能够处理更多作为JSON而不是XML发送的消息。此外，JSON有一个非常有效的和自然的对象表示格式如BSON，其中类JSON对象存储在二进制格式。


现在让我们来看看jQuery如何帮助我们从远程源加载JSON编码的数据。对于你们之中的不耐烦了，还有一个演示在文章的末尾。


JSON jQuery语法
该方法是使用JSON工作直接，如果你不需要太多的额外配置一个方便的帮手。本质上，它归结为更普遍的$.ajax（）帮手，与正在使用隐式的正确的选项。方法签名是：$.getJSON()


$.getJSON(url, data, success);
除了所需的URL参数，我们可以传入两个可选参数。一个表示要发送到服务器的数据，另一个表示在成功响应的情况下触发的回调。


所以三个参数对应于：


该url参数是包含到的发送请求的URL字符串。
可选data参数是一个对象或发送到与请求的服务器的字符串。
可选的参数是，如果请求成功，才会执行一个回调函数。success(data, textStatus, jqXHR)
在最简单的情况下，我们只关心返回的对象。在这种情况下，一个潜在的success回调应该是这样的：


function success(data) {
  // do something with data, which is an object
}
如所提到的，相同的请求可以用更详细的触发呼叫。这里我们将使用：$.ajax()


$.ajax({
  dataType: 'json',
  url: url,
  data: data,
  success: success
});
让我们看看这个在实践中使用一个小演示。


示例应用程序
我们将启动一个服务静态JSON文件的本地服务器。此文件所表示的对象将被我们的JavaScript代码提取并处理。
示例JavaScript
以下代码是完整的客户