1. 程式人生 > >ajax相關

ajax相關

後臺 連接 style 重要 觸發 IT 異步 tel ola

1.ajax的原生寫法

function requestAjax(){
    var xmlhttp;
    if (window.XMLHttpRequest){
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();//創建ajax對象
    }else{
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    if(xmlhttp){
        xmlhttp.open("GET","/ajax/demo_get.asp",true);//使用get方式與服務器建立連接
        
        xmlhttp.onreadystatechange=function(){
             //發送一個請求後,客戶端無法確定什麽時候會完成這個請求,所以需要用事件機制來捕獲請求的狀態,XMLHttpRequest對象提供了onreadyStateChange事件實現這一功能。
            //onreadyStateChange事件是在readyState屬性發生改變時觸發的,readyState的值表示了當前請
            if (xmlhttp.readyState==4 && xmlhttp.status==200){
                //responseText 請求成功後獲取數據
                ocument.getElementById("myDiv").innerHTML=xmlhttp.responseText;
            }
        }
    }    
    xmlhttp.send();//發送請求
}  

2.jq的ajax寫法

$.ajax({
   type:"post", //請求方式(get和post),默認為get
   url:url,//請求的url地址
   dataType:"json", //返回格式為json
   async:true//請求是否異步,默認為異步,這也是ajax重要特性,false為同步
   data:{"id":"001","name":"tom"}, //參數值(此處不是json對象,是json字符串,字符串。
   success:function(suc){ //請求成功時處理
         //對後臺返回數據的處理
    }
});

ajax相關