JavaScript 發(fā)送GET請(qǐng)求

■知識(shí)點(diǎn)

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

■實(shí)例設(shè)計(jì)

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

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

<script>

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

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

    b.onclick = function(){

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

        var xhr = createXHR();                        //實(shí)例化 XMLHttpRequest 對(duì)象

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

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

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

    }

}

</script>

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

<?php

echo $_GET["callback"];

?>

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

_提示：

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

值對(duì)。