深入理解Ajax的get和post請求_javascript技巧

1.get請求

function () {    //向伺服器請求 時間    //1.建立非同步對象（小瀏覽器）    var xhr = new XMLHttpRequest();    //2.設定參數，true表示使用非同步模式    xhr.open("get", "GetTime.ashx?name= Mr靖", true);     //3.讓get請求不從瀏覽器擷取快取資料    xhr.setRequestHeader("If-Modified-Since","0");    //3.設定回呼函數    xhr.onreadystatechange = function ()    {          //3.1當完全接收完響應報文後 並且 響應狀態代碼為200的時候          if (xhr.readyState == 4 && xhr.status == 200)          {            //3.2擷取相應報文體內容            var res = xhr.responseText;            alert(res);          }    };    //4.發送非同步請求    xhr.send(null);}

2.post請求

function () {    //向伺服器請求 時間    //1.建立非同步對象（小瀏覽器）    var xhr = new XMLHttpRequest();    //2.設定參數    xhr.open("post", "GetTime.ashx", true);    //3.設定 請求 報文體 的 編碼格式（設定為 表單預設編碼格式）    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");    //4.設定回呼函數    xhr.onreadystatechange = function ()    {        //3.1當完全接收完響應報文後 並且 響應狀態代碼為200的時候        if (xhr.readyState == 4 && xhr.status == 200)       {         //3.2擷取相應報文體內容          var res = xhr.responseText;          alert(res);       }     };     //5.發送非同步請求"name=Mr靖"     //5.1格式：直接拼接字串 key=value&key1=value2     xhr.send("name=Mr靖&age=18"); };

以上這篇深入理解Ajax的get和post請求就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援雲棲社區。