在“现实世界”中,你使用 Ajax 的首要用途很可能是发送和接收 JSON 数据。这是有充分理由的。JSON 不像 HTML 那样假设任何视觉结构。它只是原始数据,你可以对其进行任何操作,通常是将其放入模板中。这将一些服务器的工作转移到了客户端(浏览器)。你可以在另一个屏幕截图中了解更多关于 JavaScript 模板的信息。
jQuery 有一个专门用于获取 JSON 的 Ajax 函数,其名称恰如其分地叫做&.getJSON()。它看起来与 GET 非常相似。
$.getJSON(
"http://codepen.io/chriscoyier/pen/EAIJj.js",
function(data) {
// Success! Do stuff with data.
console.log(data);
}
);
不同之处在于,回调中的数据对象是一个随时可用的对象,其中包含你可以随意使用的数据。可能需要循环遍历它并将内容附加到页面上。
到目前为止,我们已经讨论了 $.get、$.post 和 $.getJSON,但值得注意的是,这些都只是最终调用$.ajax的便利方法。如果你更喜欢非常具体地指定所有 Ajax 选项,你可以直接使用它。