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

本文主要是介绍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 "]);