原生js實現ajax

//定義方法
function  fun() {
    //發送異步請求
    //1.創建核心對象
    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");
    }

    //2. 建立連接
    /*
        參數:
            1. 請求方式:GET、POST
                * get方式,請求參數在URL後邊拼接。send方法爲空參
                * post方式,請求參數在send方法中定義
            2. 請求的URL:
            3. 同步或異步請求:true(異步)或 false(同步)

     */
    xmlhttp.open("GET","ajaxServlet?username=tom",true);

    //3.發送請求
    xmlhttp.send();

    //4.接受並處理來自服務器的響應結果
    //獲取方式 :xmlhttp.responseText
    //什麼時候獲取?當服務器響應成功後再獲取

    //當xmlhttp對象的就緒狀態改變時,觸發事件onreadystatechange。
    xmlhttp.onreadystatechange=function()
    {
        //判斷readyState就緒狀態是否爲4,判斷status響應狀態碼是否爲200
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
           //獲取服務器的響應結果
            var responseText = xmlhttp.responseText;
            alert(responseText);
        }
    }

}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章