Ajax.getJson 的简单例子(译)

在这篇文章中我们将探讨 JSON 的重要性，我们为什么要在我们的应用中使用它。我们会发现 JQuery 已经帮我们创建了一个很好用的方法。

什么是 JSON？

JSON 是基于 JavaScript 对象的。简单来说 JSON 是用于将数据格式化，一种在网络中传输数据的格式。在这篇文章中，我们将着重于使用 HTTP GET 方式加载 JSON 数据。（也可以使用其他的方式，例如 POST）

为什么我们选择 JSON 而不是 XML？使用 JSON 的主要优点是效率高，JSON 更加简洁，可以占用更少的字节数，更快的被加载。此外，JSON 还有 BSON 这种和它类似的存储格式，BSON 使用二进制格式进行存储。

现在，让我们看看 JQuery 是如何帮助我们从网络加载 JSON 编码的数据。

JSON jquery 语法

利用 $.getJSON 方法使用 JSON 更加直接，如果你不需要太多额外的配置。本质上，它归结与更普遍的 $.ajax()。这个方法的语法是

1
$.getJSON(url,data,success);

除了必须的 URL 参数，还有两个可选的参数传递。一个表示发送到服务器的数据，另一个为成功响应后的回调方法。

这三个参数的含义：
1、URL 参数是包含发送请求的 URL 字符串。
2、可选的 data 参数是一个发送到被请求服务器的对象或者字符串。
3、可选的 success 参数是，当请求成功后，才会执行的回调函数。

在最简单的场景中，我们只关心放回的对象。在这种情况下，success 回调应该像这样：

1
2
3
function success(data) {
  // 处理一下 data 对象的数据
}

之前我们提到过，还可以使用 $.ajax() 方法来调用。语法如下：

1
2
3
4
5
6
$.ajax({
  dataType: 'json',
  url: url,
  data: data,
  success: success
});

原文链接：http://www.sitepoint.com/ajaxjquery-getjson-simple-example/