Ajax简介 属性介绍 操作实例及其源码.docVIP

AJAX AJAX = 异步 JavaScript 及 XML（Asynchronous JavaScript and XML） AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。 通过 AJAX，您的 JavaScript 可使用 JavaScript 的XMLHttpRequest对象来直接与服务器进行通信。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据。 AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。 AJAX 可使因特网应用程序更小、更快，更友好。 AJAX 是一种独立于 Web 服务器软件的浏览器技术。 AJAX 基于 Web 标准 AJAX 基于下列 Web 标准： ? JavaScript ? XML ? HTML ? CSS 在 AJAX 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。 AJAX 事关更优秀的应用程序 Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。 不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。 通过 AJAX，因特网应用程序可以变得更完善，更友好。 解释一下 XMLHttpRequest 对象的三个重要的属性。 onreadystatechange 属性 onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数，可同时对 onreadystatechange 属性进行设置： xmlHttp.onreadystatechange=function() { // 我们需要在这里写一些代码 } readyState 属性 readyState 属性存有服务器响应的状态信息。每当 readyState 改变时，onreadystatechange 函数就 会被执行。 这是 readyState 属性可能的值： 状态 描述 请求未初始化（在调用 open() 之前） 请求已提出（调用 send() 之前） 请求已发送（这里通常可以从响应得到内容头部） 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应） 请求已完成（可以访问服务器响应并使用它） 0 1 2 3 4 我们要向这个 onreadystatechange 函数添加一条 If 语句，来测试我们的响应是否已完成（意味着可获 得数据）： xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==4) { // 从服务器的 response 获得数据 } } responseText 属性 可以通过 responseText 属性来取回由服务器返回的数据。 在我们的代码中，我们将把时间文本框的值设置为等于 responseText： xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==4) { document.myForm.time.value=xmlHttp.responseText; } } AJAX Suggest 源代码的实例 AJAX HTML 页面 这是 HTML 页面。它包含了一个简单的 HTML 表单，以及一个指向 JavaScript 的链接。 lt;htmlgt; lt;headgt; lt;script src=quot;clienthint.jsquot;gt;lt;/scriptgt; lt;/headgt; lt;bodygt; lt;formgt; id=quot;txt1quot; onkeyup=quot;showHint(this.value)quot; /gt; First Name:lt;input type=quot;textquot; lt;/formgt; lt;pgt;Suggestions: lt;span id=quot;txtHintquot;gt;lt;/spangt;lt;/pgt; lt;/bodygt; lt;/htmlgt; 下面列出了 JavaScript 代码。 AJAX JavaScript 这是 JavaScript 代码，存储在文件 quot;clienthint.jsquot; 中： varxmlHttp functionshowHint(str) { if (str.length==0) { document.getElementById(quot;txtHintquot;).i