前端工程师-前端工程师必知必会文档.docxVIP

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