位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 发送GET请求

提问人:刘团圆发布时间:2020-11-27

■知识点

    发送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的末尾,发送数据是以连字符(& )连接的一个或多个名/

值对。

继续查找其他问题的答案?

相关视频回答
回复(0)

特邀嘉宾

软件开发工程师——刘团圆

软件开发专业科班出身,擅长软件开发课程培训。

向TA咨询

该嘉宾的QQ群

更多>>
返回顶部