窥探jQuery——面向JavaScript程序员

核心提示： 在我所知道的主流JavaScript库中，jQuery拥有最棒的Ajax API，窥探jQuery——面向JavaScript程序员(8)，最简单的Ajax调用如：jQuery('div#intro').load('/some/fragment.html')

在我所知道的主流JavaScript库中，jQuery拥有最棒的Ajax API。最简单的Ajax调用如：

jQuery('div#intro').load('/some/fragment.html');

代码以GET请求方式，从/some/fragment.html文件中获取HTML片段，并把片段装载到id="intro"的div中。

当我第一次看到这行代码时，几乎对它没什么印象。这看起来非常简洁，但如果你想用jQuery做些更复杂的事情，比如显示Ajax装载进度，该如何做呢？ jQuery为你准备了一些可自定义的事件（ajaxStart，ajaxComplete，ajaxError等等），来实现你想要的代码。同时 jQuery也提供了广泛的底层API，来实现更复杂的Ajax交互：

jQuery.get('/some/script.php', {'name': 'Simon'}, function(data) {
　　alert('The server said: ' + data);
}); // 以GET方式通过/some/script.php?name=Simon获取数据
jQuery.post('/some/script.php', {'name': 'Simon'}, function(data) {
　　alert('The server said: ' + data);
}); // 以POST方式向/some/script.php发送请求
jQuery.getJSON('/some.json', function(json) {
　　alert('JSON rocks: ' + json.foo + ' ' + json.bar);
}); // 从/some.json接收并解析数据，把数据转换成JSON格式
jQuery.getScript('/script.js'); // 以GET方式获取/script.js脚本并用eval()执行

插件（Plugins）

就你所能获得的功能的数量而言，jQuery库其实是相当小的——对代码做紧凑处理后只有20KB左右，甚至用gzip压缩后会变得更小。向标准库添加额外功能时，需用插件的方式来做，它可以（也确实能够）向现有的jQuery实例对象添加全新的方法。如果你想执行：