T8JavaScript中利用Ajax实现客户端与服务器端通信(北风网收费视频讲座).ppt

Ajax简介 XMLHttpRequest对象 综合案例 1、HTTP请求 现在，很多浏览器都可以直接从JavaScript中初使化HTTP请求并获取结果,完全不用隐藏框架和其他取巧的小技巧。 这个令人振奋的新功能的核心是，微软创建的XML HTTP请求的对象。这个对象是与MSXML一起出现的，直到最近它的能力才被完全发掘。XML HTTP请求本质上是添加了额外的用于发送和接收XML代码的功能的HTTP请求。 与IE中的XML DOM一样，XML HTTP请求对象有多种版本。 第一步：创建一个XMLHTTP对象 function XMLHttpRequest() { var arrSignatures = [MSXML2.XMLHTTP.5.0, MSXML2.XMLHTTP.4.0, MSXML2.XMLHTTP.3.0, MSXML2.XMLHTTP, Microsoft.XMLHTTP]; for (var i=0; i arrSignatures.length; i++) { try { var oRequest = new ActiveXObject(arrSignatures[i]); return oRequest; } catch (oError) { //ignore } } 第二步：创建好XML HTTP请求对象后，可用Open()方法来指定要发送的请求 oRequest.open(“get”,”example.txt”,false); 该方法有三个参数： 1、要发送的请求的类型:GET、POST、Header等 2、请求的URL 3、异步(true)或同步(false) 第三步：通过send方法发送请求 oRequest.send(null) Send方法一定要有一个参数，不过大多数情况下为null. 第四步：如果是异步发送请求,可以通过以下属性查看HTTP状态 1、oRequest.status: 一整型值：200-正常；404-没找到指定页面.. 2、oRequest.statusText:描述状态信息 3、responseText：记载由服务器返回的文本 4、responseXML: 如果返回的是XML，则可用其返回由文本构造出的XML DOM对象 如果要发送异步请求，必须使用onreadystatechage事件处理函数，并检查readyState特性是否等于4(与XML DOM一样),response对象在请求完毕前不可用 如： Var oRequest = createXMLHTTP(); oRequest.open(“get”,”getUserInfo.aspx”,true); oRequest.onreadystatechange = function() { if (oRequest.readyState == 4) { alert(“status = “+oRequest.status+”\n”+oRequest.statusText+”\n”+oRequest.responseText); } } oRequest.send(null); 示例1 使用HTTP首部 　　　每个HTTP请求发送时都包含一组带有额外信息的首部.在我们使用浏览器时，这些首部被隐藏了，因为对于终端用户来讲，这些信息是没用的．然而，这些首部信息对开发人员来说可能是很重要的． １、getAllResponseHeaders()方法 　　　用于返回所有响应的HTTP首部信息 ２、getResponseHeader(“参数“) 用于获取指定的某个首部 ３、setRequestHeader(“myheader”,”value”); 用于设置XML HTTP请求的首部信息 一个HTTP请求如下所示： Server: Microsoft-IIS/5.1 Date: Mon, 04 Aug 2008 14:46:05 GMT