Ajax之一: XMLHttpRequest (应用环境: Windows + IE + .NET[C#])

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 "]);