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的末尾,发送数据是以连字符(& )连接的一个或多个名/
值对。
点击加载更多评论>>