學習Ajax教程，詳細了解Get與Post
Get方式:
作用:可傳送簡單數(shù)據(jù)
大小:url最大長度是2083 bytes,可以用于GET傳遞數(shù)據(jù)的長度是2048 bytes
包含體:數(shù)據(jù)追加到url中發(fā)送,也就是http的header傳送
Post方式:
作用:可傳送簡單復雜數(shù)據(jù)
大小:web.config里限制
包含體:數(shù)據(jù)在http請求的實體內(nèi)容里傳送
Ajax用Post模式傳送數(shù)據(jù).需注意：
1.設置header的Context-Type為application/x-www-form-urlencode確保服務器知道實體中有參數(shù)變量.通常使用XmlHttpRequest對象的
SetRequestHeader("Context-Type","application/x-www-form-urlencoded;")
2.參數(shù)是名/值一一對應的鍵值對,每對值用&號隔開.如 name=abc&sex=man&age=18.
3.參數(shù)在Send(參數(shù))方法中發(fā)送
4.服務器端請求參數(shù)區(qū)分Get與Post.例如asp.net中以Request.Form["name"]對實體中的參數(shù)請求.這時url參數(shù)請求Request.QueryString["name"]將引發(fā)異常
<javascript type="text/javascript" language="javascript" >
function CreateXmlHttp()
{
if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
return new XmlHttpRequest();
}
}
//---------------------------------------------------------------------------------------------------------------------
//post方式：
function Start()
{
var ParamString = "name=abc&sex=man&age=18";
var XmlHttpObject = CreateXmlHttp();
XmlHttpObject.onreadystatechange = StateEvent;
XmlHttpObject.open("post","test.aspx",true);
XmlHttpObject.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); //設置服務器響應請求體參數(shù)
XmlHttpObject.send(ParamString);
}
//---------------------------------------------------------------------------------------------------------------------
//get方式：
function Start()
{
var XmlHttpObject = CreateXmlHttp();
XmlHttpObject.onreadystatechange = StateEvent;
XmlHttpObject.open("get",url,true);
XmlHttpObject.send(null);
}
//---------------------------------------------------------------------------------------------------------------------
//創(chuàng)建回調(diào)函數(shù)
function StateEvent()
{
if(http_request.readyState==4)//服務器響應狀態(tài)
{
if(http_request.status==200|| http_request.status == 304)//代碼執(zhí)行狀態(tài)
{
var resStr=http_request.responseText;
alert(resStr);//這里再處業(yè)務邏輯處理
}
else
{
alert("您所請求的頁面有異常！");
}
}
else
{
selectedResTits.innerHTML="<img src='images/wjb/icons/indicator.gif' alt=''/>";
}
}
</script>
posted on 2009-10-28 11:32
becket_zheng 閱讀(167)
評論(0) 編輯 收藏 所屬分類:
網(wǎng)頁web前端技術