AJAX使用方法

利用XMLHTTPRequest物件与远端的Web Server进行非同步的资料交换
if (window.XMLHttpRequest){
    http_request=new XMLHttpRequest();
  
}else if ( window.ActiveXobject){
    try{
     //新版IE
http_request=new ActiveXobject("MSXML2XMLHTTP");
 
   }catch(e){
try{//旧版IE
http_request=new ActiveXobject("Microsoft.XMLHttp");
}catch(e){}
 
//现要取得档案名为taichung.xml
http_request.open('Get','taichung.xml',true);
//get:是HTTP方法(GET、POST或HEAD)
//文件名
//true:是不是非同步
http_request.send(null);
//使用get方式,send()的参数为NULL,使用POST方式,除了设定MIME类型。
http_request.setRequestHeader('content-type','application/x-www-unlencoded');
//还需传送HTML FORM内的资料;
http_request.send('name=value&canothername=othervalue&so=on');
//在OPEN()和SEND()之前,先设定一些事件处理函数处理如'已经取得资料'的事件。
http_request.onreadystatechange=function(){
//do the thing
};
//处理状态属性值有0、1、2、3、4
//尚未初始化,未呼叫open   ----------载入中,http_request已经设定好,但未呼叫send---------------载入完成,http_request已经送给server了,可以取得Content header----------可以互动的,http_request已部分完成,亦可取得部分处理完的资料--------完成的
if (http_request.readystate==4){
 //everything is good,the response is received
}else {
//still not ready
}
//web server处理结束后,传回一个处理结果,处理结果放在STATUS属性里
if(http_request.status==200){
//可依需求处理
}else{
//404代表档案不存在,500处理错误。
}
//最后接收来自WEB SERVER资料,Http_Request提供两种方式来存取资料。
http_request.responseText  //WEB SERVER回传的资料是一串文字,需用字串的处理函数
http_request.responseXML //回传资料是一份XMLDocument物件,可利用javascript的DOM APIS 来存取XML物件。
}
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章