1、定義一個AJAX請求對象,並設定接受返回結果的方法,非同步地向伺服器端請求一個網頁
2、定義一個供AJAX請求的網頁(返回結果串)
3、定義回饋方法,接收AJAX請求返回結果串(由系統調用),更新頁面上的某個地方!
三大步驟詳細代碼(用到三個控制項,兩個TextBox,一個button)
<script language=javascript>
var xmlObj = null;
function do_ajax_request()
{//定義一個AjAx請求對象,向伺服器端非同步發送Ajax請求(請求某頁),指定一個接收返回結果的回饋方法
if(window.XMLHttpRequest)
{
xmlObj = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("你的IE版本太老了,請更換你的IE");
return;
}
//指定一個接收返回結果的回饋方法
xmlObj.onreadystatechange = do_handle_ajax;
//向伺服器端非同步發送Ajax請求(請求某頁)
xmlObj.open ('GET', 'get_talkmsg.aspx', true);//get_talkmsg.aspx是一個頁面
xmlObj.send ('');
}
function do_handle_ajax()
{
if(xmlObj.readyState == 4)//狀態是4時,表明返回的是結果
{
//alert(xmlObj.responseText);
document.all("TextBox_all").value = xmlObj.responseText;
// alert (xmlObj.responseText);
}
}
setInterval (do_ajax_request,1000);
</script>
//get_talkmsg.aspx的一個LOAD事件
protected void Page_Load(object sender, EventArgs e)
{
Response.ContentType = "text/plain";
Response.Write(Application["msg"].ToString());
Response.End();
}