摘要： 第九天：在请求和响应中使用 XML XML 选项： 在异步应用程序中 XML 有两种基本的用法： （1）以 XML 格式从网页向服务器发送请求。 （2）以 XML 格式在网页中从服务器接收请求。 阅读全文

摘要： 我在第七天中介绍了DOM相关的概念，这些是基础也是重点。同时也提到了"Web 浏览器如何把网页看作一棵树?"这章我举个例子来说明：建立一个简单的包含一些特殊效果的 Web 页面，所有这些都使用 JavaScript 操纵 DOM 来创建，不需要重新加载或者刷新页面。 首先建立一个非常简单的应用程序，然后再添加一点 DOM 魔法。要记住，DOM 可以移动网页中的任何东西而不需要提交表单，因此足以和 Ajax 媲美。我从网上选了一个经典的例子。创建一个简单的网页，上面只显示一个普通的旧式大礼帽，还有一个标记为 Hocus Pocus! 的按钮（猜猜这是干什么的？）-----选自IBM官方网站^_^ 阅读全文

摘要： 我们回想一下传统的WEB交互过程：比如我在浏览器上敲"http://www.onwit.cn"按回车以后，此时向装载此程序的服务器进行HTML页面请求，浏览器把从服务器接收到的页面以图形和文本的方式呈现给我们，那么用户看到的是被激活的WEB页面。仔细分析这个过程是很负责的。 （1）是否浏览器只是读取HTML中的文本并将其现实？答案非也。 （2）CSS? JavaScript？它们都位于外部文件，如何处理的？ （3）浏览器如何将事件处理程序、函数、和样式表映射到文本标记？ 看了上面3个问题，当然这些答案都来自于Document Object Model（DOM）。 阅读全文

摘要： 我个人觉得，对于WEB开放人员来说，只需要了解请求响应模式就可以了，但是如果想要做为一名资深的Ajax开发人员必须全面理解HTTP状态码、就绪状态、和XMLHttpRequest对象。 总结前面的知识：XMLHttpRequest对象是Ajax应用程序的中心，负责处理服务器端应用程序和脚本的请求，并处理从服务器端返回的数据。 阅读全文

摘要： 在一般的请求/响应模型中，比如客户机（浏览器或者本地机器上运行的代码）向服务器发出请求。该请求是同步的，换句话说，客户机等待服务器的响应。当客户机等待的时候，至少会用某种形式通知您在等待： 沙漏（特别是 Windows 上）。旋转的皮球（通常在 Mac 机器上）。 应用程序基本上冻结了，然后过一段时间光标变化了。 这正是 Web 应用程序让人感到笨拙或缓慢的原因 —— 缺乏真正的交互性。按下按钮时，应用程序实际上变得不能使用，直到刚刚触发的请求得到响应。如果请求需要大量服务器处理，那么等待的时间可能很长（至少在这个多处理器、DSL 没有等待的世界中是如此）。 而异步请求不需等待服务器响应。发送请求后应用程序继续运行。用户仍然可以在 Web 表单中输入数据，甚至离开表单。没有旋转的皮球或者沙漏，应用程序也没有明显的冻结。服务器悄悄地响应请求，完成后告诉原来的请求者工作已经结束（具体的办法很快就会看到）。结果是，应用程序感觉不 那么迟钝或者缓慢，而是响应迅速、交互性强，感觉快多了。这仅仅是 Web 2.0 的一部分，但它是很重要的一部分。所有老套的 GUI 组 阅读全文

摘要： 得到请求对象之后就可以进入请求/响应循环了。记住，XMLHttpRequest 惟一的目的是让您发送请求和接收响应。其他一切都是 JavaScript、CSS 或页面中其他代码的工作：改变用户界面、切换图像、解释服务器返回的数据。准备好 XMLHttpRequest 之后，就可以向服务器发送请求了。 欢迎使用沙箱 Ajax 采用一种沙箱安全模型。因此，Ajax 代码（具体来说就是 XMLHttpRequest 对象）只能对所在的同一个域发送请求。以后的文章中将进一步介绍安全和 Ajax，现在只要知道在本地机器上运行的代码只能对本地机器上的服务器端脚本发送请求。 设置服务器 URL 首先要确定连接的服务器的 URL。这并不是 Ajax 的特殊要求，但仍然是建立连接所必需的，显然现在您应该知道如何构造 URL 了。多数应用程序中都会结合一些静态数据和用户处理的表单中的数据来构造该 URL。 阅读全文

摘要： 传统模式分析：多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮，等待服务器响应，再点击另一个按钮，然后再等待，这样一个反复的过程。有了 Ajax 和 XMLHttpRequest 对象，就可以使用不必让用户等待服务器响应的请求/响应模型了。 XMLHttpRequest对象实际上是一个跨越所有Ajax应用程序的公共线程。掌握的程度决定您运用Ajax的力度。下面详细说说XMLHttpRequest。 XMLHttpRequest的属性方法： open();建立服务器的新请求 Send();向服务器发送请求 abort();退出当前请求 ReadyState:提供当前Html的就绪状态 ResponseText： 服务器返回的请求响应文本。 阅读全文

摘要： （1）从 Web 表单中获取需要的数据。 （2）建立要连接的 URL。 （3）打开到服务器的连接。 （4）设置服务器在完成后要运行的函数。 （5）发送请求。 阅读全文

摘要： Ajax基本上是把JavaScript技术和XMLHttpRequest对象放在WEB表单和服务器之间。当用户填写完表单后，数据发送一些JavaScript代码，而并非把整个表单发给服务器；同时JavaScript代码捕获表单数据并向服务器发送请求。也就是说用户屏幕上不会出现闪烁、消失或者延迟现象。这个过程是异步的（Asynchronous）。同时服务器将数据返回给JavaScript代码，然后处理这些数据。从而是表单没有被提交或者说刷新而得到了新的数据。值得一提的是：JavaScript代码可以对收到的数据执行某种运算，在发送另外一个请求，完全无需用户干预。或许这就是XMLHttpRequest 的强大之处吧。 阅读全文