《2022年ajax基本教程 .pdf》由会员分享，可在线阅读，更多相关《2022年ajax基本教程 .pdf（34页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、AJAX 教程Next PageAJAX 指异步JavaScript 及 XML （Asynchronous JavaScript And XML）。AJAX 是一种在2005 年由Google 推广开来的编程模式。AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。通过AJAX ，你可以创建更好、更快以及更友好的WEB 应用程序。AJAX 基于 JavaScript 和 HTTP 请求（ HTTP requests）。现在就开始学习AJAX ！Next PageAJAX 简介Previous PageNext PageAJAX 指异步JavaScript 及 XML （Asynch
2、ronous JavaScript And XML）。您应当具备的基础知识在继续学习之前，您需要对下面的知识有基本的了解：HTML / XHTML JavaScript 如果您希望首先学习这些项目，请在我们的首页 访问这些教程。AJAX = 异步 JavaScript 及 XML （Asynchronous JavaScript and XML）AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web 应用程序的技术。通过 AJAX ，您的JavaScript 可使用JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您的Ja
3、vaScript 可在不重载页面的情况与Web 服务器交换数据。AJAX 在浏览器与Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 34 页 - - - - - - - - - AJAX 可使因特网应用程序更小、更快，更友好。AJAX 是一种独立于Web 服务器软件的浏览器技术。AJAX 基于Web 标准AJAX 基于下列Web 标准：JavaScript XML
4、HTML CSS 在 AJAX 中使用的Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。AJAX 事关更优秀的应用程序Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 AJAX ，因特网应用程序可以变得更完善，更友好。今天您就可以使用AJAX 没有什么新东西可学。AJAX 基于已有的标准。这些标准已被大多数开发者使用多年。Previous PageNext PageAJAX Http 请求Previous PageNext PageAJAX
5、 使用Http 请求在传统的JavaScript 编程中，假如您希望从服务器上的文件或数据库中得到任何的信息，或者向服务器发送信息的话，就必须利用一个HTML 表单向服务器GET 或 POST 数据。而用户则需要单击“ 提交 ”按钮来发送 / 获取信息，等待服务器的响应，然后一张新的页面会加载结果。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 34 页 - - - - - - - - - 由于每当用户提交输入后服务器都会返回一张新的页面，传统的web 应用程序变得运行缓
6、慢，且越来越不友好。通过利用AJAX ，您的JavaScript 会通过JavaScript 的 XMLHttpRequest对象，直接与服务器来通信。通过使用HTTP 请求， web 页可向服务器进行请求，并得到来自服务器的响应，而不加载页面。用户可以停留在同一个页面，他或她不会注意到脚本在后台请求过页面，或向服务器发送过数据。XMLHttpRequest 对象通过使用XMLHttpRequest 对象， web 开发者可以做到在页面已加载后从服务器更新页面！在 2005 年 AJAX 被 Google 推广开来（ Google Suggest）。Google 建议 使用XMLHttpReq
7、uest 对象来创建一种动态性极强的web 界面：当您开始在Google 的搜索框中输入查询时，JavaScript 会向某个服务器发出这些字词，然后服务器会返回一系列的搜索建议。XMLHttpRequest 对象得到下列浏览器的支持：Internet Explorer 5.0+、Safari 1.2、Mozilla 1.0 / Firefox 、Opera 8+ 以及 Netscape 7。Previous PageNext PageAJAX 实例Previous PageNext Page您的第一个AJAX 应用程序为了让您理解AJAX 的工作原理，我们将创建一个小型的AJAX 应用程序。
8、首先，我们需要一个带有两个文本框的HTML 表单：用户名和时间。用户名文本框由用户填写，而时间文本框使用AJAX 进行填写。此 HTML 文件名为testAjax.htm（请注意这个HTML 表单没有提交按钮！）： 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 34 页 - - - - - - - - - 由于每当用户提交输入后服务器都会返回一张新的页面，传统的web 应用程序变得运行缓慢，且越来越不友好。通过利用AJAX ，您的JavaScript 会通过JavaSc
9、ript 的 XMLHttpRequest对象，直接与服务器来通信。通过使用HTTP 请求， web 页可向服务器进行请求，并得到来自服务器的响应，而不加载页面。用户可以停留在同一个页面，他或她不会注意到脚本在后台请求过页面，或向服务器发送过数据。XMLHttpRequest 对象通过使用XMLHttpRequest 对象， web 开发者可以做到在页面已加载后从服务器更新页面！在 2005 年 AJAX 被 Google 推广开来（ Google Suggest）。Google 建议 使用XMLHttpRequest 对象来创建一种动态性极强的web 界面：当您开始在Google 的搜索框中
10、输入查询时，JavaScript 会向某个服务器发出这些字词，然后服务器会返回一系列的搜索建议。XMLHttpRequest 对象得到下列浏览器的支持：Internet Explorer 5.0+、Safari 1.2、Mozilla 1.0 / Firefox 、Opera 8+ 以及 Netscape 7。Previous PageNext PageAJAX 实例Previous PageNext Page您的第一个AJAX 应用程序为了让您理解AJAX 的工作原理，我们将创建一个小型的AJAX 应用程序。首先，我们需要一个带有两个文本框的HTML 表单：用户名和时间。用户名文本框由用户填
11、写，而时间文本框使用AJAX 进行填写。此 HTML 文件名为testAjax.htm（请注意这个HTML 表单没有提交按钮！）： 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 34 页 - - - - - - - - - 由于每当用户提交输入后服务器都会返回一张新的页面，传统的web 应用程序变得运行缓慢，且越来越不友好。通过利用AJAX ，您的JavaScript 会通过JavaScript 的 XMLHttpRequest对象，直接与服务器来通信。通过使用HTTP
12、 请求， web 页可向服务器进行请求，并得到来自服务器的响应，而不加载页面。用户可以停留在同一个页面，他或她不会注意到脚本在后台请求过页面，或向服务器发送过数据。XMLHttpRequest 对象通过使用XMLHttpRequest 对象， web 开发者可以做到在页面已加载后从服务器更新页面！在 2005 年 AJAX 被 Google 推广开来（ Google Suggest）。Google 建议 使用XMLHttpRequest 对象来创建一种动态性极强的web 界面：当您开始在Google 的搜索框中输入查询时，JavaScript 会向某个服务器发出这些字词，然后服务器会返回一系列
13、的搜索建议。XMLHttpRequest 对象得到下列浏览器的支持：Internet Explorer 5.0+、Safari 1.2、Mozilla 1.0 / Firefox 、Opera 8+ 以及 Netscape 7。Previous PageNext PageAJAX 实例Previous PageNext Page您的第一个AJAX 应用程序为了让您理解AJAX 的工作原理，我们将创建一个小型的AJAX 应用程序。首先，我们需要一个带有两个文本框的HTML 表单：用户名和时间。用户名文本框由用户填写，而时间文本框使用AJAX 进行填写。此 HTML 文件名为testAjax.ht
14、m（请注意这个HTML 表单没有提交按钮！）： 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 34 页 - - - - - - - - - 用户 : 时间 : 例子解释：首先声明一个保存XMLHttpRequest 对象的xmlHttp 变量。然后使用XMLHttp=new XMLHttpRequest() 来创建此对象。这条语句针对Firefox 、Opera 以及Safari 浏览器。假如失败，则尝试针对Internet Explorer 6.0+ 的 xmlHtt
15、p=new ActiveXObject(Msxml2.XMLHTTP)，假如也不成功，则尝试针对Internet Explorer 5.5+ 的xmlHttp=new ActiveXObject(Microsoft.XMLHTTP)。假如这三种方法都不起作用，那么这个用户所使用的浏览器已经太过时了，他或她会看到一个声明此浏览器不支持AJAX 的提示。注释： 上面这些浏览器定制的代码很长，也很复杂。不过，每当您希望创建XMLHttpRequest 对象时，这些代码就能派上用场，因此您可以在任何需要使用的时间拷贝粘贴这些代码。上面这些代码兼容所有的主流浏览器： Internet Explorer、
16、Opera 、Firefox 以及Safari 。下一节为您展示如何使用XMLHttpRequest 对象与服务器进行通信。AJAX - XMLHttpRequest 对象Previous PageNext PageAJAX - 更多有关XMLHttpRequest 对象的知识名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 34 页 - - - - - - - - - 用户 : 时间 : 例子解释：首先声明一个保存XMLHttpRequest 对象的xmlHttp 变量。
17、然后使用XMLHttp=new XMLHttpRequest() 来创建此对象。这条语句针对Firefox 、Opera 以及Safari 浏览器。假如失败，则尝试针对Internet Explorer 6.0+ 的 xmlHttp=new ActiveXObject(Msxml2.XMLHTTP)，假如也不成功，则尝试针对Internet Explorer 5.5+ 的xmlHttp=new ActiveXObject(Microsoft.XMLHTTP)。假如这三种方法都不起作用，那么这个用户所使用的浏览器已经太过时了，他或她会看到一个声明此浏览器不支持AJAX 的提示。注释： 上面这些浏
18、览器定制的代码很长，也很复杂。不过，每当您希望创建XMLHttpRequest 对象时，这些代码就能派上用场，因此您可以在任何需要使用的时间拷贝粘贴这些代码。上面这些代码兼容所有的主流浏览器： Internet Explorer、Opera 、Firefox 以及Safari 。下一节为您展示如何使用XMLHttpRequest 对象与服务器进行通信。AJAX - XMLHttpRequest 对象Previous PageNext PageAJAX - 更多有关XMLHttpRequest 对象的知识名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - -
19、 - - - - - 名师精心整理 - - - - - - - 第 7 页，共 34 页 - - - - - - - - - 用户 : 时间 : 例子解释：首先声明一个保存XMLHttpRequest 对象的xmlHttp 变量。然后使用XMLHttp=new XMLHttpRequest() 来创建此对象。这条语句针对Firefox 、Opera 以及Safari 浏览器。假如失败，则尝试针对Internet Explorer 6.0+ 的 xmlHttp=new ActiveXObject(Msxml2.XMLHTTP)，假如也不成功，则尝试针对Internet Explorer 5.5+
20、 的xmlHttp=new ActiveXObject(Microsoft.XMLHTTP)。假如这三种方法都不起作用，那么这个用户所使用的浏览器已经太过时了，他或她会看到一个声明此浏览器不支持AJAX 的提示。注释： 上面这些浏览器定制的代码很长，也很复杂。不过，每当您希望创建XMLHttpRequest 对象时，这些代码就能派上用场，因此您可以在任何需要使用的时间拷贝粘贴这些代码。上面这些代码兼容所有的主流浏览器： Internet Explorer、Opera 、Firefox 以及Safari 。下一节为您展示如何使用XMLHttpRequest 对象与服务器进行通信。AJAX - X
21、MLHttpRequest 对象Previous PageNext PageAJAX - 更多有关XMLHttpRequest 对象的知识名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 34 页 - - - - - - - - - 用户 : 时间 : 例子解释：首先声明一个保存XMLHttpRequest 对象的xmlHttp 变量。然后使用XMLHttp=new XMLHttpRequest() 来创建此对象。这条语句针对Firefox 、Opera 以及Safari
22、浏览器。假如失败，则尝试针对Internet Explorer 6.0+ 的 xmlHttp=new ActiveXObject(Msxml2.XMLHTTP)，假如也不成功，则尝试针对Internet Explorer 5.5+ 的xmlHttp=new ActiveXObject(Microsoft.XMLHTTP)。假如这三种方法都不起作用，那么这个用户所使用的浏览器已经太过时了，他或她会看到一个声明此浏览器不支持AJAX 的提示。注释： 上面这些浏览器定制的代码很长，也很复杂。不过，每当您希望创建XMLHttpRequest 对象时，这些代码就能派上用场，因此您可以在任何需要使用的时间
23、拷贝粘贴这些代码。上面这些代码兼容所有的主流浏览器： Internet Explorer、Opera 、Firefox 以及Safari 。下一节为您展示如何使用XMLHttpRequest 对象与服务器进行通信。AJAX - XMLHttpRequest 对象Previous PageNext PageAJAX - 更多有关XMLHttpRequest 对象的知识名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 34 页 - - - - - - - - - 用户 : 时间
24、 : 例子解释：首先声明一个保存XMLHttpRequest 对象的xmlHttp 变量。然后使用XMLHttp=new XMLHttpRequest() 来创建此对象。这条语句针对Firefox 、Opera 以及Safari 浏览器。假如失败，则尝试针对Internet Explorer 6.0+ 的 xmlHttp=new ActiveXObject(Msxml2.XMLHTTP)，假如也不成功，则尝试针对Internet Explorer 5.5+ 的xmlHttp=new ActiveXObject(Microsoft.XMLHTTP)。假如这三种方法都不起作用，那么这个用户所使用的
25、浏览器已经太过时了，他或她会看到一个声明此浏览器不支持AJAX 的提示。注释： 上面这些浏览器定制的代码很长，也很复杂。不过，每当您希望创建XMLHttpRequest 对象时，这些代码就能派上用场，因此您可以在任何需要使用的时间拷贝粘贴这些代码。上面这些代码兼容所有的主流浏览器： Internet Explorer、Opera 、Firefox 以及Safari 。下一节为您展示如何使用XMLHttpRequest 对象与服务器进行通信。AJAX - XMLHttpRequest 对象Previous PageNext PageAJAX - 更多有关XMLHttpRequest 对象的知识名
26、师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 34 页 - - - - - - - - - 下一节介绍time.asp 的脚本，这样我们完整的AJAX 应用程序就搞定了。AJAX - 服务器端的脚本Previous PageNext PageAJAX - 服务器端的脚本现在，我们要创建可显示当前服务器时间的脚本。responseText 属性会存储从服务器返回的数据。在这里，我们希望传回当前的时间。这是 time.asp 的代码： 注释： Expires 属性可设置在页
27、面缓存失效前页面被缓存的时间（分钟）。Response.Expires=-1 指示页面不会被缓存。运行您的AJAX 应用程序请在下面的文本框中键入一些文本，然后单击时间文本框：用户 : 时间 : 时间文本框可在不加载页面的情况下从time.asp 获得服务器的时间！AJAX 请求实例Previous PageNext Page我们已看到AJAX 可被用来创建更多交互性的应用程序。AJAX Suggest实例名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 34 页 - -
28、 - - - - - - - 下一节介绍time.asp 的脚本，这样我们完整的AJAX 应用程序就搞定了。AJAX - 服务器端的脚本Previous PageNext PageAJAX - 服务器端的脚本现在，我们要创建可显示当前服务器时间的脚本。responseText 属性会存储从服务器返回的数据。在这里，我们希望传回当前的时间。这是 time.asp 的代码： 注释： Expires 属性可设置在页面缓存失效前页面被缓存的时间（分钟）。Response.Expires=-1 指示页面不会被缓存。运行您的AJAX 应用程序请在下面的文本框中键入一些文本，然后单击时间文本框：用户 : 时
29、间 : 时间文本框可在不加载页面的情况下从time.asp 获得服务器的时间！AJAX 请求实例Previous PageNext Page我们已看到AJAX 可被用来创建更多交互性的应用程序。AJAX Suggest实例名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 34 页 - - - - - - - - - document.getElementById(txtHint).innerHTML=; return; xmlHttp=GetXmlHttpObject()
30、 if (xmlHttp=null) alert (您的浏览器不支持AJAX！); return; var url=gethint.asp; url=url+?q=+str; url=url+&sid=+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open(GET,url,true); xmlHttp.send(null); 每当有字符输入文本框时，此函数就会执行。假如文本域中存在某些输入，函数就会执行：定义回传数据的服务器的url （文件名）使用文本框的内容向url 添加参数（ q ）添加一个随机的数字，以防
31、止服务器使用某个已缓存的文件创建一个XMLHTTP 对象，并告知此对象当某个改变被触发时执行名为stateChanged 的函数向服务器发送一个HTTP 请求如果输入域为空，此函数仅仅会清空txtHint 占位符的内容例子解释- GetXmlHttpObject() 函数名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 34 页 - - - - - - - - - document.getElementById(txtHint).innerHTML=; return; x
32、mlHttp=GetXmlHttpObject() if (xmlHttp=null) alert (您的浏览器不支持AJAX！); return; var url=gethint.asp; url=url+?q=+str; url=url+&sid=+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open(GET,url,true); xmlHttp.send(null); 每当有字符输入文本框时，此函数就会执行。假如文本域中存在某些输入，函数就会执行：定义回传数据的服务器的url （文件名）使用文本框的内容向
33、url 添加参数（ q ）添加一个随机的数字，以防止服务器使用某个已缓存的文件创建一个XMLHTTP 对象，并告知此对象当某个改变被触发时执行名为stateChanged 的函数向服务器发送一个HTTP 请求如果输入域为空，此函数仅仅会清空txtHint 占位符的内容例子解释- GetXmlHttpObject() 函数名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 34 页 - - - - - - - - - document.getElementById(txtHi
34、nt).innerHTML=; return; xmlHttp=GetXmlHttpObject() if (xmlHttp=null) alert (您的浏览器不支持AJAX！); return; var url=gethint.asp; url=url+?q=+str; url=url+&sid=+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open(GET,url,true); xmlHttp.send(null); 每当有字符输入文本框时，此函数就会执行。假如文本域中存在某些输入，函数就会执行：定义回传
35、数据的服务器的url （文件名）使用文本框的内容向url 添加参数（ q ）添加一个随机的数字，以防止服务器使用某个已缓存的文件创建一个XMLHTTP 对象，并告知此对象当某个改变被触发时执行名为stateChanged 的函数向服务器发送一个HTTP 请求如果输入域为空，此函数仅仅会清空txtHint 占位符的内容例子解释- GetXmlHttpObject() 函数名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 34 页 - - - - - - - - - docu
36、ment.getElementById(txtHint).innerHTML=; return; xmlHttp=GetXmlHttpObject() if (xmlHttp=null) alert (您的浏览器不支持AJAX！); return; var url=gethint.asp; url=url+?q=+str; url=url+&sid=+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open(GET,url,true); xmlHttp.send(null); 每当有字符输入文本框时，此函数就会执行
37、。假如文本域中存在某些输入，函数就会执行：定义回传数据的服务器的url （文件名）使用文本框的内容向url 添加参数（ q ）添加一个随机的数字，以防止服务器使用某个已缓存的文件创建一个XMLHTTP 对象，并告知此对象当某个改变被触发时执行名为stateChanged 的函数向服务器发送一个HTTP 请求如果输入域为空，此函数仅仅会清空txtHint 占位符的内容例子解释- GetXmlHttpObject() 函数名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 34
38、 页 - - - - - - - - - document.getElementById(txtHint).innerHTML=; return; xmlHttp=GetXmlHttpObject() if (xmlHttp=null) alert (您的浏览器不支持AJAX！); return; var url=gethint.asp; url=url+?q=+str; url=url+&sid=+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open(GET,url,true); xmlHttp.send(n
39、ull); 每当有字符输入文本框时，此函数就会执行。假如文本域中存在某些输入，函数就会执行：定义回传数据的服务器的url （文件名）使用文本框的内容向url 添加参数（ q ）添加一个随机的数字，以防止服务器使用某个已缓存的文件创建一个XMLHTTP 对象，并告知此对象当某个改变被触发时执行名为stateChanged 的函数向服务器发送一个HTTP 请求如果输入域为空，此函数仅仅会清空txtHint 占位符的内容例子解释- GetXmlHttpObject() 函数名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理
40、- - - - - - - 第 17 页，共 34 页 - - - - - - - - - document.getElementById(txtHint).innerHTML=; return; xmlHttp=GetXmlHttpObject() if (xmlHttp=null) alert (您的浏览器不支持AJAX！); return; var url=gethint.asp; url=url+?q=+str; url=url+&sid=+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open(GET,
41、url,true); xmlHttp.send(null); 每当有字符输入文本框时，此函数就会执行。假如文本域中存在某些输入，函数就会执行：定义回传数据的服务器的url （文件名）使用文本框的内容向url 添加参数（ q ）添加一个随机的数字，以防止服务器使用某个已缓存的文件创建一个XMLHTTP 对象，并告知此对象当某个改变被触发时执行名为stateChanged 的函数向服务器发送一个HTTP 请求如果输入域为空，此函数仅仅会清空txtHint 占位符的内容例子解释- GetXmlHttpObject() 函数名师资料总结 - - -精品资料欢迎下载 - - - - - - - - -
42、- - - - - - - - - 名师精心整理 - - - - - - - 第 18 页，共 34 页 - - - - - - - - - document.getElementById(txtHint).innerHTML=; return; xmlHttp=GetXmlHttpObject() if (xmlHttp=null) alert (您的浏览器不支持AJAX！); return; var url=gethint.asp; url=url+?q=+str; url=url+&sid=+Math.random(); xmlHttp.onreadystatechange=stateC
43、hanged; xmlHttp.open(GET,url,true); xmlHttp.send(null); 每当有字符输入文本框时，此函数就会执行。假如文本域中存在某些输入，函数就会执行：定义回传数据的服务器的url （文件名）使用文本框的内容向url 添加参数（ q ）添加一个随机的数字，以防止服务器使用某个已缓存的文件创建一个XMLHTTP 对象，并告知此对象当某个改变被触发时执行名为stateChanged 的函数向服务器发送一个HTTP 请求如果输入域为空，此函数仅仅会清空txtHint 占位符的内容例子解释- GetXmlHttpObject() 函数名师资料总结 - - -精品
44、资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页，共 34 页 - - - - - - - - - for i=1 to 30 if q=ucase(mid(a(i),1,len(q) then if hint= then hint=a(i) else hint=hint & , & a(i) end if end if next end if 如果找不到hint，则输出 no suggestion 或者输出正确的值if hint= then response.write(no suggestion)
45、else response.write(hint) end if % AJAX 数据库实例Previous PageNext PageAJAX 可用来与数据库进行动态地通信。AJAX 数据库实例在下面的AJAX 例子中，我们将演示如何使用AJAX 技术令网页从数据库读取信息。在下面的框中选择一个名字名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 20 页，共 34 页 - - - - - - - - - 请选择一位客户：CustomerIDAPPLE CompanyNameApple
46、 Computer, Inc. ContactNameSteven Jobs Address1 Infinite Loop Cupertino, CA 95014 CityCupertino PostalCode95014 CountryUSA AJAX 实例解释上面的实例包含了一个简单的HTML 表单以及执行JavaScript 的链接： 请选择一位客户： Alfreds Futterkiste North/South Wolski Zajazd 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - -
47、 - - 第 21 页，共 34 页 - - - - - - - - - 请选择一位客户：CustomerIDAPPLE CompanyNameApple Computer, Inc. ContactNameSteven Jobs Address1 Infinite Loop Cupertino, CA 95014 CityCupertino PostalCode95014 CountryUSA AJAX 实例解释上面的实例包含了一个简单的HTML 表单以及执行JavaScript 的链接： 请选择一位客户： Alfreds Futterkiste North/South Wolski Zaj
48、azd 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 22 页，共 34 页 - - - - - - - - - 请选择一位客户：CustomerIDAPPLE CompanyNameApple Computer, Inc. ContactNameSteven Jobs Address1 Infinite Loop Cupertino, CA 95014 CityCupertino PostalCode95014 CountryUSA AJAX 实例解释上面的实例包含了一个简单的H
49、TML 表单以及执行JavaScript 的链接： 请选择一位客户： Alfreds Futterkiste North/South Wolski Zajazd 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 23 页，共 34 页 - - - - - - - - - 请选择一位客户：CustomerIDAPPLE CompanyNameApple Computer, Inc. ContactNameSteven Jobs Address1 Infinite Loop Cuperti
50、no, CA 95014 CityCupertino PostalCode95014 CountryUSA AJAX 实例解释上面的实例包含了一个简单的HTML 表单以及执行JavaScript 的链接： 请选择一位客户： Alfreds Futterkiste North/South Wolski Zajazd 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 24 页，共 34 页 - - - - - - - - - 请选择一位客户：CustomerIDAPPLE CompanyN