首页 > 代码库 > 创建Ajax

创建Ajax

2024-09-08 11:28:50   215人阅读

Ajax的全称是Asynchronous javascript and XML = 异步传输 + JS + XML     不需要刷新页面就可以获取新的数据

创建步骤：   

（1）创建XML对象也就是创建一个异步调用对象

（2）创建一个新的http请求，请求方式、URL地址、同步/异步

（3）设置http响应状态函数

（4）发送请求

（5）获取异步调用返回的数据

（6）使用JS和DOM实现新的布局

代码：

//创建XHR对象的构造函数
function creatXHR (){
if ( typeOf XMLHttpRequest != “undefined”){
return new XMLHttpRequest ();
} else if （typeOf ActiveXObject != “undefined”）
 {
  if(typeOf arguments.callee.activeXString != “string” ){
var version = [ “MSXML2.XMLHttp.6.0”, “MSXML2.XMLHttp.3.0” , “MSXML2.XMLHttp”],
i, len;
for( i = 0, len =versions.length; I < len; i++ ){
try{
new ActiveXObject( versions[i] );
arguments.callee.activeXString = version[ I ];
}catch(ex){
}
}
}
return new ActiveXObject(arguments.callee.activeXString );
}else {
throw new Error( “No XHR object available.” );
}
}
//创建XHR对象
var xhr = createXHR ( );
//设置http响应状态函数
/*onraedy属性表示请求/响应 过程的当前活动阶段，onready属性的值从一个值变为另一个值都会触发一次readystatechange事件*/
xhr.onreadystatechange = function (){
if(xhr.readyState == 4){
if(( xhr.state >= 200 )|| (xhr.state <= 300 ) || (xhr.state  == 304) ){
alert( xhr.respondText)
}else{
alert( “Request was unsuccessful :” + xhr.status );
}
}
};
//创建http请求
xhr.open( “传输方式”, “URL地址”, Boolean值 )；
//发送请求
xhr.send( );

 

创建Ajax


联系
我们