1获取Ajax对象

1.1问题

如何获取XmlHttpRequest对象。

1.2方案

区分浏览器，使用不同的采集方式。

1.3步

步骤1:创建新的ajax01.html页面

创建一个新的网站项目，并在网站根目录下创建一个新的ajax01.html网页。在脚本标签中编写JavaScript代码，得到Ajax对象。

脚本类型='text/javascript' /* get Ajax对象*/function getXhr(){ var xhr=null；//确保if(window . xmlhttprequest){ xhr=new xmlhttprequest()可以在IE7、IE8和FireFox下运行；}else{ //确保IE6可以运行，忽略旧的IE浏览器xhr=new ActiveX object(' Microsoft . xmlhttp ')；}返回xhr//更简单的书写//xhr=window。XMLHttpRequest？//新的XMLHttpRequest():新的activexoobject(' Microsoft。XMLHttp’)；}/脚本步骤2:部署项目以访问ajax01.html页面

访问页面如图2所示。

图2

点击链接：

图3

使用IE测试结果如图-4所示。

图4

注意：这个测试使用IE11，但是IE 5.5和6.0的早期版本都是用ActiveXObject类型创建的。从IE7开始，我们支持创建XMLHttpRequest来获取Ajax对象。

1.4完整代码

Ajax01.html文件代码如下：

html头titleajax01.html/title元http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8 '脚本类型=' text/JavaScript '/* get Ajax object */function getXhr(){ var xhr=null；//确保if(window . xmlhttprequest){ xhr=new xmlhttprequest()可以在IE7、IE8和FireFox下运行；}else{ //确保IE6可以运行，忽略旧的IE浏览器xhr=new ActiveX object(' Microsoft . xmlhttp ')；}返回xhr//更简单的书写//xhr=window。XMLHttpRequest？//新的XMLHttpRequest():新的activexoobject(' Microsoft。XMLHttp’)；}/脚本/头体！-get XMLHttpRequest对象-a href=' JavaScript :'onclick=' alert(GetxHR())；'获取Ajax对象/a /body/html

2使用Ajax对象发送GET请求

2.1问题

使用Ajax对象发送GET请求，并从服务器获取一小段文本。

2.2方案

按照创建Ajax对象、创建请求、设置回调函数和发送请求的步骤完成一个异步请求。

2.3步

步骤1:创建新的ajax02.html页面

第二步：添加getText()方法，并补充超链接对该方法的调用

html头titleajax02.html/title元http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8 '脚本类型='text/javascript '函数getXhr(){ 0