看网上有很多的相关资料,总结的一个Ajax入门实例。
前台代码:
定义一个XMLHttpRequest对象并使用简单的GET方法,直接从指定的url获得服务器的值。
< html >
< head >
< title > Ajax 入门 </ title >
< script type ="text/javascript" language ="javascript" > ...
var req;
function CreateRequest()
...{
if(window.XMLHttpRequest)
...{
req = new XMLHttpRequest();
}
else
...{
if(window.ActiveXObject)
...{
try
...{
req = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(msxmlException)
...{
try
...{
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(ex)
...{
req = false;
}
}
}
}
if(!req)
...{
alert("XMLHttpRequest initilized failure");
}
return req;
}
function AjaxDemo()
...{
req = CreateRequest();
var empno = document.getElementById("employee").value;
if(empno == "") return ;
var url = "Server.aspx?empno="+escape(empno);
req.open("GET",url,true);
req.onreadystatechange = StateChanged;
req.send(null);
}
function StateChanged()
...{
if(req.readyState == 4 )
...{
if(req.status == 200)
...{
alert(req.responseText);
}
else if(req.status == 404)
...{
alert("request url is not found");
}
else if(req.status == 401 || req.status == 403)
...{
alert("request url is forbidden or not authorized to visit.");
}
else
...{
alert("unexpected error!Status Code :"+req.status);
}
}
}
</ script >
</ head >
< body >
< div id ="container" class ="container" >
< input id ="employee" onchange ="AjaxDemo();" value ="" />
</ div >
</ body >
</ html >
后台代码:
后台获得传入的参数,处理完,返回【欢迎您,xxx】。
private
void
Page_Load(
object
sender, System.EventArgs e)
... {
string empno = Request.QueryString["empno"];
ReturnValue(empno);
}
public void ReturnValue( string empno)
... {
//处理.......
Response.Write("欢迎您"+empno);
Response.End();
}
... {
string empno = Request.QueryString["empno"];
ReturnValue(empno);
}
public void ReturnValue( string empno)
... {
//处理.......
Response.Write("欢迎您"+empno);
Response.End();
}