前端工程师前端工程师必知必会.docx

上海腾一研发部内部技术文档前端工程师对这些东西要"想都不用想就知道么前端工程师对这些东西要想都不用想"就知道么想都不用想* XMLHttpRequest 这是什么,怎样完整地执行一次 GET 请求,怎样检测错误.
XMLHttpRequest 对象还没有标准化,但是 W3C 已经开始了标准化的工作,本手册介绍的内容都是基于标准化的工作草案./XMLHttpRequest/ h/web/2008/ l/?
1,XMLHTTPRequest 对象什么是? , 对象什么是?
最通用的定义为:XmlHttp 是一套可以在 Javascript,VbScript,Jscript 等脚本语言中通过 http 协议传送或从接收 XML 及其他数据的一套 最大的用处是可以更新网页的部分内容而不需要刷新整个页面.(这个功能正是 AJAX 的一大特点之一:)) 来自 MSDN 的解释:XmlHttp 提供客户端同 http XmlHttp 对象()向 http 服务器发送请求并使用微软 XML 文档对象模型 Microsoft? XML Document Object Model (DOM)处理回应. 这里说些题外话,其实这个东西很早就出现了,只是以前浏览器的支持不够,只有 IE 中才支持,所以大多数的 WEB 程序员都没有怎么用他,但是现在情况发生了很大地改变, Mozilla 和 Safari 把它采用为事实上的标准,主流的浏览器都开始支持 XMLHTTPRequest 对象了. 但是这里需要重点说明的是 XMLHTTPRequest 目前还不是一个 W3C 的标准, 所以在不同的浏览器上表现也稍有些区别.
2.
使用 XMLHTTPRequest 使用
步骤 1 –"请!" --- 如何发送一个 http 请求请为了用 javascript 向服务器发送一个 http 请求, 需要一个具备这种功能的类实例. 这样的类首先由 explorer 以 activex 对象引入, 被称为 xmlhttp. 后来 mozilla, safari 和其他浏览器纷纷仿效, 提供了 xmlhttprequest 类,它支持微软的 activex 对象所提供的方法和属性. 因此, 为了创建一个跨浏览器的这样的类实例(对象), 可以应用如下代码:
(2/13)
上海腾一研发部内部技术文档
Js 代码 1. 2. 3. 4. 5. } if () { // mozilla, safari, ... http_request = new xmlhttprequest(); } else if () { // ie http_request = new activexobject("");
(上例对代码做了一定简化,这是为了解释如何创建 xmlhttp 类实例. 实际的代码实例可参阅本篇步骤 3.) 如果服务器的响应没有 xml mime-type header,某些 mozilla 浏览器可能无法正常工作. 为了解决这个问题, 如果服务器响应的 header 不是 text/xml,可以调用其它方法修改该 header.
Js 代码 1. 2. http_request = new xmlhttprequest(); ('text/xml');
接下来要决定当收到服务器的响应后, http 请求对象用哪一个 javascript onreadystatechange 属性设置为要使用的 javascript 的函数名,如下所示:
Js
代码 1. = nameofthefunction;
注意:在函数名后没有括号,,可以在扉页(fly)中定义函数及其对响应要采取的行为,如下所示:
Js 代码 1. 2. 3. }; = function(){ // do the thing
在定义了如何处理响应后, http 请求类的 open()和 send()方法, 如下所示:
Js 代码 1. 2. ('get', '', true);