JavaScript 发送GET请求

■知识点

    发送GET请求简单、方便，适用于简单的字符串，不适用于大容量或加密数据。实现方法：将包含查询字符串的URL传入openO方法，设置第1个参数值为GET即可。服务器能够通过查询字符串接收用户信息。

■实例设计

下面的示例以GET方法向服务器传递一条信息callback=ftmctionName。

<input name="submit" type="button" id="submit" value="向服务器发出请求" />

<script>

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

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

    b.onclick = function(){

        var url = "server. php?callback=functionName" //设置查询字符串

        var xhr = createXHR();                        //实例化 XMLHttpRequest 对象

        xhr.open("GET",url, false);                   //建立连接，要求同步响应

        xhr.send(null);                               //发送请求

        console.log(xhr.responseText);                //接收数据

    }

}

</script>

在服务器端文件（server.php)中输入下面的代码，获取查询字符串中callback的参数值，并把该值响应给客户端。

<?php

echo $_GET["callback"];

?>

在浏览器中预览页面，当单击“提交”按钮时，在控制台显示传递的参数值。

_提示：

查询字符串通过问号（？）作为前缀附加在URL的末尾，发送数据是以连字符（& )连接的一个或多个名/

值对。