使用 jQuery 简化 Ajax 开发
看看 Ajax 和 DOM 脚本编程究竟有多简单
文档选项
将此页作为电子邮件发送
级别： 中级
Jesse Skinner, Web 开发人员, Freelance
2007 年 5 月 16 日
jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。
jQuery 是什么？
jQuery 由 John Resig 创建于 2006 年初，对于任何使用 JavaScript 代码的程序员来说，它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言，并且希望获得一个能解决文档对象模型（Document Object Model，DOM）脚本和 Ajax 开发中一些复杂问题的库，还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家，jQuery 都会是您的首选。
jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery，您可以把握问题的要点，并使用尽可能最少的代码实现您想要的功能。
毫无疑问，jQuery 的原理是独一无二的：它的目的就是保证代码简洁并可重用。当您理解并体会这一原理后，便可以开始学习本教程了，看看 jQuery 对我们的编程方式有多少改进吧。
回页首
一些简单的代码简化
下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如 清单 1 所示。
清单 1. 没有使用 jQuery 的 DOM 脚本
var external_links = document.getElementById('external_links');
var links = external_links.getElementsByTagName('a');
for (var i=0;i < links.length;i++) {
var link = links.item(i);
link.onclick = function() {
return confirm('You are going to visit: ' + this.href);
};
}
清单 2 显示了使用 jQuery 实现的相同的功能。
清单 2. 使用了 jQuery 的 DOM 脚本
相关文档：
Struts2是java在web开发中常用的框架之一，今天小编整理了一下资料，谈谈Struts2的Ajax支持。Struts2的Ajax支持是建立在Dojo和DWR基础之上的，这两个框架都提供了非常成熟的Ajax支持，包括非常优秀的页面控件和简单的DOM操作。其中Dojo提供了丰富的组件库和页面效果，而且提供了大量的函数来简化Ajax过程。DWR(Direct Web R ......
一、 新建一个Ajax_Start的网站
二、 在网站中添加一个web服务（ws_start.asmx）
在vs2008中，添加一个web服务生成了两个文件，一个是asmx文件，一个是在App_code里的cs文件；我觉得这样并不好，� ......
今天小编和大家分享的是JSON插件实现Ajax，希望对大家有所帮助。
1，JSON基础知识
JSON插件是Struts2的Ajax插件，通过利用JSON插件，允许开发者以非常灵活简单的方式来开发Ajax应用。
JSON的全称是JavaSrcipt Object Notation,即JavaScript对象符号,它是一种轻量级的数据交换格式.JSON的数据格式既适合� ......
Flex有专有的编译解析器，由于AJAX涉及到JAVASCRIPT技术，所以还是面对跨浏览器的烦扰。ajax在页面上处理一些简单逻辑时，需要用JAVASCRIPT来处理，你安心的在你的浏览器上编译解析通过了，你以为大功搞成了，可是殊不知，接踵而来的是客户的投诉，因为你原以为成功的页面在他� ......
XMLHttpRequest是XMLHTTP组件的对象，通过这个对象，Ajax可以像桌面应用程序一样只同服务器进行数据层的信息交换，而不用每次都刷新页面，也不用每次将数据处理的工作都交给服务器来做；这样即减轻了服务器的负担又加快了响应速度、缩短了用户等待的时间。
XMLHttpRequest是Ajax技术中最 ......
