Ajax基础教程、Ajax基础应用实例<-AJAX<-网页设计

做网站网页设计、制作 FLASH导入页设计网站策划、开发后台程序维护、升级网站解决方案
技术支持：苏玮电话：15011022561Ajax基础教程、Ajax基础应用实例

网页设计->AJAX

Ajax基础教程、Ajax基础应用实例

Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理煊Α⒐菇ㄍ瓯傅腁jax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术，以及Ajax开发模式和框架等。本书中所有例子的代码都可以从Apress网站本书主页的源代码（Source Code）免费得到。

下面是一个AJAX的典型实例：

<SCRIPT language=javascript type=text/javascript>
function getXMLRequester( ){
var xmlhttp_request = false;
try{
if( window.ActiveXObject ){
for( var i = 5; i; i-- ){
try{
if( i == 2 ){
xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" );
}else{
xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
xmlhttp_request.setRequestHeader("Content-Type","text/xml");
xmlhttp_request.setRequestHeader("Content-Type","gb2312");
}
break;}
catch(e){
xmlhttp_request = false;
}
}
}else if( window.XMLHttpRequest ){
xmlhttp_request = new XMLHttpRequest();
if (xmlhttp_request.overrideMimeType) {
xmlhttp_request.overrideMimeType('text/xml');
}
}
}catch(e){
xmlhttp_request = false;
}
return xmlhttp_request ;
}

function IDRequest(n) {//定义收到服务器的响应后需要执行的JavaScript函数
url=n+document.getElementById('163id').value;//定义网址参数
xmlhttp_request=getXMLRequester();//调用创建XMLHttpRequest的函数
xmlhttp_request.onreadystatechange = doContents;//调用doContents函数
xmlhttp_request.open('GET', url, true);
xmlhttp_request.send(null);
}
function doContents() {
if (xmlhttp_request.readyState == 4) {// 收到完整的服务器响应
if (xmlhttp_request.status == 200) {//HTTP服务器响应的值OK
document.getElementById('message').innerHTML = xmlhttp_request.responseText;
//将服务器返回的字符串写到页面中ID为message的区域
} else {
alert(xmlhttp_request.status);
}
}
}
</SCRIPT>
<INPUT id=163id onpropertychange="IDRequest('http://reg.163.com/register/checkssn.jsp?username=')">

<DIV id=message></DIV>

发表评论

关闭窗口来源:网络 16 2007-02-07