DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 深入理解Ajax的get和post請求
深入理解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請求就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved