[url=http://json.org/]http://json.org/[/url]。如果用这种格式对字典中的解释进行编码，那么可能会有很多种编码方式。这里，我们把一 些字典的词条放在一个名叫b.json的JSON文件中，这个文件开头部分的代码如下：
[
{
"term": "BACCHUS",
"part": "n.",
"definition": "A convenient deity invented by the...",
"quote": [
"Is public worship, then, a sin,",
"That for devotions paid to Bacchus",
"The lictors dare to run us in,",
"And resolutely thump and whack us?"
],
"author": "Jorace"
},
{
"term": "BACKBITE",
"part": "v.t.",
"definition": "To speak of a man as you find him when..."
},
{
"term": "BEARD",
"part": "n.",
"definition": "The hair that is commonly cut off by..."
},
... file continues ...
要取得这些数据，可以使用$.getJS0N()方法，这个方法会在取得相应文件后对文件进行处理。在数据从服务器返回后，它只是一个简单的JSON格式的文本字符串。$.getJSON()方法 会解析这个字符串，并将处理得到的JavaScript对象提供给调用代码。
[b]2.使用全局jQuery函数
[/b]
到目前为止，我们使用的所荀Query方法都需要通过$()函数构建的一个jQuery对象进行调 用。通过选择符表达式，我们可以指定一组要操作的DOM节点，然后再用这些jQuery方法以某种 方式对它们进行操作。然而，$.getJS〇N()函数却不一样。从逻辑上说，没有该方法适用的DOM 元素；作为结果的对象只能提供给脚本，而不能插人到页面中。为此，getJS〇N()是作为全局 jQuery对象（由jQuery库定义的jQuery*$对象）的方法定义的，也就是说，它不是个别jQuery 对象实例（即通过$()函数创建的对象）的方法。
如果JavaScript中有类似其他面向对象语言中的类，那我们可以把$.getJS〇N()称为类方法。 为了便于理解，我们在这里称其为全局函数；实际上，为了不与其他函数名称发生冲突，这些全 局函数使用的是jQuery命名空间。
在使用这个函数时，我们还需要像以前一样为它传递文件名，如代码清单6-3所示。
代码清单6-3
//未完成的代码
$(document).ready(function() {
$('#letter-b a').click(function(event) { event.preventDefault();
$.getJSON('b.json');
});
});
当单击按钮时，我们看不到以上代码的效果。因为虽然函数调用加载了文件，但是并没有告 诉JavaScript对返回的数据如何处理。为此，我们需要使用一个回调函数。
$.getJSON()函数可以接受第2个参数，这个参数是当加载完成时调用的函数。如上所述， Ajax请求都是异步的，回调函数提供了一种等待数据返回的方式，而不是立即执行代码。回调函 数也需要一个参数，该参数中保存着返回的数据。因此，我们的代码要写成代码清单6-4这样。
代码清单6-4
//未完成的代码
$(document).ready(function() {
$('#letter-b a').click(function(event) { event.preventDefault();
$.getJSON('b.json', function(data) {
});
});
});
我们在此使用了匿名函数表达式作为回调函数，这在jQuery代码中很常见，主要是为了保持 代码简洁。当然，对函数声明的引用同样也可以作为回调函数。
这样，我们就可以在函数中通过data变量来遍历JSON数据结构了。具体来说，需要迭代顶 级数组，为每个项构建相应的HTML代码。虽然可以在这里使用标准的for循环，但我们要借此机会介绍jQuery的另一个实用全局函数$.each(),在第5章中，我们曾看到过它的对应方 法.each()。$.each()函数不操作jQuery对象，它以数组或对象作为第一个参数，以回调函数 作为第二个参数。此外，还需要将每次循环中数组或对象的当前索引和当前项作为回调函数的两 个参数，参见代码清单6-5。
代码清单6-5
$(document).ready(function() {
$('#letter-b a').click(function(event) { event.preventDefault();
$.getJSON('b.json', function(data) { var html ='';
$.each(data, function(entryIndex, entry) { html += '<div class="entry">';
html += '<h3 class="term">' + entry.term + '</h3>';
html += '<div class="part">' + entry.part + '</div>';
html += '<div class="definition">';
html += entry.definition;
html += '</div>';
html += '</div>';
});
$('#dictionary').html(html);
});
});
});
这里通过$.each()函数依次遍历每个项，并使用entry对象的内容构建起HTML代码结构。 构建好HTML之后，通过.html()把它插人到<div id="dictionary">*，替换其中原有的所 有内容。
安全的HTML
这种方法要求数据中包含可以直接用来构建HTML的安全内容，例如，数据 中不能包含任何<字符。
现在所剩的就是处理词条中的引用语了，这需要使用另一个$.each()循环，参见代码清 单 6-6。
代码清单6-6
$(document).ready(function() {
$('#letter-b a').click(function(event) { event.preventDefault();
$.getJSON('b.json', function(data) { var html ='';
$.each(data, function(entryIndex, entry) { html += '<div class="entry">';
html += '<h3 class="term">' + entry.term + '</h3>'; html += '<div class="part">' + entry.part + '</div>';
html += '<div class=MdefinitionM>'; html += entry.definition; if (entry.quote) {
html += '<div class=，，quote，，>';
$.each(entry.quote, function(lineIndex, line) {
html += '<div class=Hquote-lineH>' + line + '</div>';
})；
if (entry.author) {
html += '<div class=Hquote-authorH>' + entry.author + '</div>';
}
html += '</div>';
}
html += '</div>'; html += '</div>';
});
$('#dictionary').html(html);
});
});
});
编写完这些代码后，就可以单击下一个B链接来验证我们的成果了，页面右侧 出现了相应的字典条目。
尽管JSON格式很简洁，但它却不容许任何错误。所有方括号、花括号、引号和逗号都必须 合理且正确地使用，否则文件不会加载。而且，在多数浏览器中，当文件加载失败时我们看不到 任何错误信息；脚本只是静默地彻底终止运转。
以上就是本文的全部内容了，希望小伙伴们能够喜欢，能够对ajax操作javascript对象有新的认识。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
