ajax分析 学习

} catch (e2) {

xmlHttp = false;

}

}

xmlHttp = new ActiveXObject(“Msxml2.XMLHTTP”);     xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);这两行代码就是尝试使用两个版本的 MSXML 创建对象，如果失败则使用另一个版本创建该对象。如果都不成功，则将 xmlHttp 变量设为 false，告诉您的代码出现了问题。出现这种情况，可能是因为安装了非 Microsoft 浏览器，需要使用不同的代码。

处理 Mozilla 和非 Microsoft 浏览器

var xmlHttp = new XMLHttpRequest object;  这行简单得多的代码在 Mozilla、Firefox、Safari、Opera 以及基本上所有以任何形式或方式支持 Ajax 的非 Microsoft 浏览器中，创建了 XMLHttpRequest 对象。

支持所有浏览器

var xmlHttp = false;

try {

xmlHttp = new ActiveXObject(“Msxml2.XMLHTTP”);

} catch (e) {

try {

xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);

} catch (e2) {

xmlHttp = false;

}

}

if (!xmlHttp && typeof XMLHttpRequest != ‘undefined’) {

xmlHttp = new XMLHttpRequest();

}

这段代码的核心分为三步：

1、建立一个变量 xmlHttp 来引用即将创建的 XMLHttpRequest 对象。

2、尝试在 Microsoft 浏览器中创建该对象：

1）尝试使用 Msxml2.XMLHTTP 对象创建它。

2）如果失败，再尝试 Microsoft.XMLHTTP 对象。

3、如果仍然没有建立 xmlHttp，则以非 Microsoft 的方式创建该对象。

最后，xmlHttp 应该引用一个有效的 XMLHttpRequest 对象，无论运行什么样的浏览器。

Ajax请求/响应

发出请求

您已经有了一个崭新的 XMLHttpRequest 对象，现在让它干点活儿吧。首先需要一个 Web 页面能够调用的 JavaScript 方法。接下来就是在所有 Ajax 应用程序中基本都雷同的流程：

1、从 Web 表单中获取需要的数据。

2、建立要连接的 URL。

3、打开到服务器的连接。

4、设置服务器在完成后要运行的函数。

5、发送请求。

function callServer() {

// 获取ID为city的表单信息

var city = document.getElementById(“city”).value;

var state = document.getElementById(“state”).value;

// 判断都不为空

if ((city == null) || (city == “”)) return;

if ((state == null) || (state == “”)) return;

// 创建要发送的URl

var url = “/scripts/getCode.aspx?city=” + escape(city) + “&state=” + escape(state);

// 打开连接

xmlHttp.open(“GET”, url, true);

// 请求返回执行的函数

xmlHttp.onreadystatechange = updatePage;

// 发送请求

xmlHttp.send(null);

}

开始的代码使用是基本 JavaScript 代码获取几个表单字段的值。然后设置一个 aspx页面 脚本作为链接的目标。要注意脚本 URL 的指定方式，city 和 state（来自表单）使用，简单的 GET 参数附加在 URL 之后。

然后打开一个连接，这是您第一次看到使用 XMLHttpRequest。其中指定了连接方法（GET）和要连接的 URL。最后一个参数如果设为 true，那么将请求一个异步连接。如果使用 false，那么代码发出请求后将等待服务器返回的响应。如果设为 true，当服务器在后台处理请求的时候用户仍然可以使用表单（甚至调用其他 JavaScript 方法）。

xmlHttp（XMLHttpRequest 对象实例）的 onreadystatechange 属性可以告诉服务器在运行完成后（可能要用五分钟或者五个小时）做什么。因为代码没有等待服务器，必须让服务器知道怎么做以便您能作出响应。在这个示例中，如果服务器处理完了请求，一个特殊的名为 updatePage() 的方法将被触发。

最后，使用值 null 调用 send()。因为已经在请求 URL 中添加了要发送给服务器的数据（city 和 state），所以请求中不需要发送任何数据。这样就发出了请求，服务器按照您的要求工作。

处理响应

什么也不要做，直到 xmlHttp.readyState 属性的值等于4（就绪状态）。

服务器将把响应填充到 xmlHttp.responseText 属性中。 使用xmlHttp.responseText 属性获得服务器的响应。

if(req.readyState==4){

if(req.status == 200 ){

var msg = req.responseXML.getElementsByTagName(“msg”)[0];

结尾

如何才能让我们在面试中对答如流呢？

答案当然是平时在工作或者学习中多提升自身实力的啦，那如何才能正确的学习，有方向的学习呢？为此我整理了一份Android学习资料路线：

这里是一份BAT大厂面试资料专题包：

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划。来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

的技术提升。**

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！