AJAX
基于web技术创建的,能以更少的响应时间带来更加丰富的用户体验的一类web应用程序所使用的技术的集合。
对于典型的Ajax应用程序,用户无需在不同的页面中切换,只要停留在一个页面中,由XMLHttpRequest对象从服务器取得数据,然后由JavaScript操作页面上的元素更新其中内容,windows live 和google map都是一个很好的例子,这个操作过程就在一个页面中完成,而不是从一个页面到另一个页面。
在前台实例一个xmlhttprequest对象如下:
function CreatXmlhttp() {
var xmlhttp;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
创建服务端的CGI的URL:
var url="default.aspx?usename="+tbUsername.value;
然后调用XMLHttpRequest对象的open方法,建立于服务器的连接:
xmlhttp.open("GET",url,true);
指定异步调用函数为callBack_CheckUsername();
xmlhttp.onreadystatchage=callBack_CheckUsername;
最后发送请求:
xmlhttp.send(null);
当请求到达服务器时,服务器就可以检查,并返回结果,例如
protected void Page_Load(object sender,EventArgs e)
{
......
response.clear();
//异步返回的内容
response.write("...");
//清空
response.flush();
}
当客户端XMLHttpRequest对象收到服务器的响应时,callBack_CheckUsername()回调函数将被调用,如:
function callBack_CheckUsername()
{
if(xmlhttp.readyState==4)
{
//返回的内容
var content=xmlhttp.responseText;
//将返回的内容作响应的处理
checkresult.innerHTML= ....; 如 function(content)后返回,或者直接判断
}
}
待续。。

浙公网安备 33010602011771号