JavaScript 發(fā)送GET請求

■知識點

    發(fā)送GET請求簡單、方便，適用于簡單的字符串，不適用于大容量或加密數(shù)據(jù)。實現(xiàn)方法：將包含查詢字符串的URL傳入openO方法，設(shè)置第1個參數(shù)值為GET即可。服務(wù)器能夠通過查詢字符串接收用戶信息。

■實例設(shè)計

下面的示例以GET方法向服務(wù)器傳遞一條信息callback=ftmctionName。

<input name="submit" type="button" id="submit" value="向服務(wù)器發(fā)出請求" />

<script>

window.onload = function(){                           //頁面初始化

    var b = document.getElementsByTagName("input")[0];

    b.onclick = function(){

        var url = "server. php?callback=functionName" //設(shè)置查詢字符串

        var xhr = createXHR();                        //實例化 XMLHttpRequest 對象

        xhr.open("GET",url, false);                   //建立連接，要求同步響應(yīng)

        xhr.send(null);                               //發(fā)送請求

        console.log(xhr.responseText);                //接收數(shù)據(jù)

    }

}

</script>

在服務(wù)器端文件（server.php)中輸入下面的代碼，獲取查詢字符串中callback的參數(shù)值，并把該值響應(yīng)給客戶端。

<?php

echo $_GET["callback"];

?>

在瀏覽器中預(yù)覽頁面，當(dāng)單擊“提交”按鈕時，在控制臺顯示傳遞的參數(shù)值。

_提示：

查詢字符串通過問號（？）作為前綴附加在URL的末尾，發(fā)送數(shù)據(jù)是以連字符（& )連接的一個或多個名/

值對。