Ajax 之一 XMLHttpRequest

Ajax   由   HTML、JavaScript™   技术、DHTML   和   DOM   组成 

Ajax关键是一个称为XMLHttpRequest的JavaScript对象,能够用来发送HTTP请求,接收应答,并将其解析为XML. 

XMLHttpRequest的方法和属性如下： 
open()：建立到服务器的新请求 
send()：向服务器发送请求 
用法：xhr.open   ( "GET ", "url?参数=xxx&参数=xxx ");     send   (   null   ); 
  xhr.open   ( "OPEN ",url); send   (数据); 
abort()：退出当前请求 

onreadystatechange：允许指定一个回调函数，必须在send()之前设置 
readyState：HTML就绪状态。属性值如下:   
0：请求没有发出（在调用   open()   之前） 
1：请求已经建立但还没有发出（调用   send()   之前） 
2：请求已经发出正在处理之中 
3：请求已经处理，响应中通常有部分数据可用，但是服务器还没有完成响应 
4：响应已完成，可以访问服务器响应并使用它 
status：HTTP   状态代码。部分属性值如下： 
200：表示   OK 
401：未经授权   (如果脚本需要认证，而请求却没有提供有效的证书, 
会返回401或403的错误代码) 
403：禁止 
404：请求的URL不存在 
301：永久移动   
302：找到（请求被重新定向到另外一个   URL/URI   上）   
305：使用代理（请求必须使用一个代理来访问所请求的资源）   
responseText： 服务器返回的请求响应文本 
responseXML：   值以XML方式返回,可解析为一个DOM对象 
使用XMLHttpRequest 

定义并创建(javascript): 

var   xhr=null; 

function   CreateXMLHttp(){ 
//尝试以IE方式创建该对象 
try{   xhr=   new   ActiveXObject( "Msxml2.XMLHTTP ");   }   
catch   (e){   try   {   xhr=   new   ActiveXObject( "Microsoft.XMLHTTP ");   }catch   (e2)   {xhr   =   null;   }} 
//如果仍然没有建立xmlHttp，则以非Microsoft   的方式创建该对象 
if   (   xhr==null   &&   typeof   XMLHttpRequest   !=   'undefined ')   {   xhr=   new   XMLHttpRequest();   } 
} 

 

简单GET示例: 

HTML：//onblur:失去焦点时执行 
<form> 
PostCode   <input   οnblur= "getZipData(this.value) "   type= "text "   name= "zip "> 
</form> 


function       getZipData   (   zipCode   )   { 
      //每次使用前，都要先创建一个XMLHttpRequest实例 
      CreateXMLHttp(); 
      if(xhr==null)   return; 

      xhr.onreadystatechange=   processZipData;   //状态改变时触发 
      xhr.open( "GET ", "abc.aspx?zipcode= "+   zipCode);   
      xhr.send(null);   //最后,调用send()将请求发送到服务器 
} 


function   processZipData   (   )   { //解析应答的回调函数   (TEXT) 
        if(xhr.readyState   ==4) { 
            if(xhr.status==200){ 
                  //以字符串方式返回 
                  var   rtdata=xhr.responseText; 
    
                  //如果有多个值，则以逗号分隔(根据实际返回决定) 
                  var   v=rtdata.split( ', ')   ;     //转换成数组v，取值方式   v[0]   … 

                  //取得返回值根据自已的情况处理 
            } 
} 


abc.aspx.cs代码: 
-------------   C#   ----------- 
private   void   Page_Load(object   sender,   System.EventArgs   e)   { 

string   szType=Request[ "zipcode "]; 
.... 
...处理 
string   szRet= "返回值 ";   //多个值用逗号分隔 
Response.Write(szRet); 
Response.End();   //必须加上这句 

} 

 

处理中文: 

//   encodeURI   (   )   返回有效的统一资源标识符的字符串，但不对   :   /   ;   ?   等字符进行编码 

//   encodeURIComponent   (   )   对所有字符进行编码，包括含有HTML标记的字符串 

//   escape   (   )     返回Unicode格式的字符串，所有空格，标点及任何非ASCII字符 
都用%xx编码替换，但不能对URI进行编码 


传送的中文字符串时,需要进行编码传送,否则可能后台导致乱码. 

var   szURL= "abc.aspx?zipcode= "   +   escape( "繁简体中文字符 "); 
xhr.open( "GET ",   szURL); 
xhr.send(null); 


abc.aspx.cs接收: 
  //接收时,要进行解码     ---------C#------------ 
string   szType=   HttpUtility.UrlDecode(Request[ "zipcode "]);