歡迎加入QQ討論群258996829
麥子學院 頭像
蘋果6袋
6
麥子學院

詳解Ajax的get和post請求

發(fā)布時間：2016-07-02 00:45  回復:0  查看:2791   最后回復：2016-07-02 00:45  
Ajax技術(shù)http://www.maiziedu.com/course/351/是 web 前端最重要的技術(shù)之一，本文小編將和大家分享的就是 ajax 的 get 和 post 請求，一起來看看吧。
AJAX =  異步  JavaScript 和 XML （ Asynchronous JavaScript and XML ）
作用：在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。
兩種請求方式：
1.get 請求（通過 URL 傳值）
function ()
{
        // 向服務(wù)器請求 時間
        //1. 創(chuàng)建異步對象（小瀏覽器，后臺線程）
        var xhr = new XMLHttpRequest();
        //2. 設(shè)置參數(shù)， true 表示使用異步模式
        xhr.open("get", "GetTime.ashx?name= Mr 靖 ", true);
        //3. 讓 get 請求不從瀏覽器獲取緩存數(shù)據(jù)
        xhr.setRequestHeader("If-Modified-Since","0");
        //4. 設(shè)置回調(diào)函數(shù)
        xhr.onreadystatechange = function ()
        {
              //4.1 當完全接收完響應(yīng)報文后 并且 響應(yīng)狀態(tài)碼為 200 的時候
              if (xhr.readyState == 4 && xhr.status == 200)
              {
                    //4.2 獲取相應(yīng)報文體內(nèi)容
                    var res = xhr.responseText;
                    alert(res);
              }
        };
       //5. 發(fā)送異步請求
       xhr.send(null);
}
  
2.post 請求（通過表單傳值）
function ()
{
        // 向服務(wù)器請求 時間
        //1. 創(chuàng)建異步對象（小瀏覽器，后臺線程）
        var xhr = new XMLHttpRequest();
        //2. 設(shè)置參數(shù)
        xhr.open("post", "GetTime.ashx", true);
        //3. 設(shè)置 請求報文體的編碼格式（設(shè)置為 表單默認編碼格式）
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        //4. 設(shè)置回調(diào)函數(shù)
        xhr.onreadystatechange = function ()
        {
               //4.1 當完全接收完響應(yīng)報文后 并且 響應(yīng)狀態(tài)碼為 200 的時候
               if (xhr.readyState == 4 && xhr.status == 200)
              {
                 //4.2 獲取相應(yīng)報文體內(nèi)容
                   var res = xhr.responseText;
                   alert(res);
              }
         };
         //5. 發(fā)送異步請求 "name=Mr 靖 "
         //5.1 格式：直接拼接字符串  key=value&key1=value2
         xhr.send("name=Mr 靖 &age=18");
};
  
原文來自：Mr 靖的博客
您還未登錄，請先登錄

熱門帖子

最新帖子

?