ajax請(qǐng)求的五個(gè)步驟

　　第一步，創(chuàng)建XMLHttpRequest對(duì)象

　　第二步，注冊(cè)回調(diào)函數(shù)

　　第三步，配置請(qǐng)求信息，open(),get

　　第四步，發(fā)送請(qǐng)求,post請(qǐng)求下，要傳遞的參數(shù)放這

　　第五步，創(chuàng)建回調(diào)函數(shù)

//第一步，創(chuàng)建XMLHttpRequest對(duì)象
var xmlHttp = new XMLHttpRequest();
function CommentAll() {
 //第二步，注冊(cè)回調(diào)函數(shù)
 xmlHttp.onreadystatechange =callback1;
 //{
 // if (xmlHttp.readyState == 4)
 // if (xmlHttp.status == 200) {
 // var responseText = xmlHttp.responseText;
 // }
 //}
 //第三步，配置請(qǐng)求信息，open(),get
 //get請(qǐng)求下參數(shù)加在url后，.ashx?methodName = GetAllComment&str1=str1&str2=str2
 xmlHttp.open("post", "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment", true);
 //post請(qǐng)求下需要配置請(qǐng)求頭信息
 //xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 //第四步，發(fā)送請(qǐng)求,post請(qǐng)求下，要傳遞的參數(shù)放這
 xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");//"
}
//第五步，創(chuàng)建回調(diào)函數(shù)
function callback1() {
 if (xmlHttp.readyState == 4)
 if (xmlHttp.status == 200) {
 //取得返回的數(shù)據(jù)
 var data = xmlHttp.responseText;
 //json字符串轉(zhuǎn)為json格式
 data = eval(data);
 $.each(data,
 function(i, v) {
 alert(v);
 }); 
 }
}

 

　　后臺(tái)方法

private void GetAllComment(HttpContext context)
 {
 //Params可以取得get與post方式傳遞過來的值。
 string methodName = context.Request.Params["methodName"];
 //QueryString只能取得get方式傳遞過來的值。
 string str1 = context.Request.Form["str1"];
 //取得httpRequest傳來的值，包括get與post方式
 string str2 = context.Request["str2"];
 List<string> comments = new List<string>();
 comments.Add(methodName);
 comments.Add(str1);
 comments.Add(str2);
 //ajax接受的是json類型，需要把返回的數(shù)據(jù)轉(zhuǎn)給json格式
 string commentsJson = new JavaScriptSerializer().Serialize(comments);
 context.Response.Write(commentsJson);
 }