ajax實(shí)例入門代碼

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml" >
head>
title>無(wú)標(biāo)題頁(yè)/title>
script type="text/javascript" src="jquery/jquery.js" >
//這里不可以用script type="" src="" />
/script>
script type="text/javascript">
/*
encodeURI 方法
對(duì)URL傳遞的參數(shù)進(jìn)行編碼
將文本字符串編碼為一個(gè)有效的統(tǒng)一資源標(biāo)識(shí)符 (URI)。
*/
function createQueryString(){
var firstName=encodeURI($("#firstName").val());
var birthday=encodeURI($("#birthday").val());
//組合成對(duì)象的形式
var queryString={firstName:firstName,birthday:birthday};
return queryString;
}
function doRequestUsingGET(){
$.get("AjaxServe.aspx",createQueryString(),
//發(fā)送GET請(qǐng)求
function(data){
$("#serverResponse").html(decodeURI(data));
}
);
}
function doRequestUsingPOST(){
$.post("AjaxServe.aspx",createQueryString(),
//發(fā)送POST請(qǐng)求
function(data){
$("#serverResponse").html(decodeURI(data));
}
);
}
/script>
/head>
body>
h2>輸入姓名和生日/h2>
form>
input type="text" id="firstName" />br />
input type="text" id="birthday" />

input type="button" value="GET" onclick="doRequestUsingGET();" />br />
input type="button" value="POST" onclick="doRequestUsingPOST();" />
/form>
div id="serverResponse">/div>
/body>
/html>

protected void Page_Load(object sender, EventArgs e)
{
//Response.Write("后臺(tái)數(shù)據(jù)");
if (Request.HttpMethod == "POST")
Response.Write("POST:" + Request["firstName"] + ",your birthday is" + Request["birthday"]);
else if(Request.HttpMethod=="GET")
Response.Write("GET:" + Request["firstName"] + ",your birthday is" + Request["birthday"]);
}