XMLHttpRequset发送GET请求

最新推荐文章于 2024-07-26 16:20:18 发布

Owen William

最新推荐文章于 2024-07-26 16:20:18 发布

阅读量2.2k

点赞数

分类专栏： XMLHttpRequest 文章标签： web开发 ajax jquery javascript java

本文链接：https://blog.csdn.net/owen_william/article/details/51337921

版权

这篇博客介绍了如何使用XMLHttpRequest进行GET请求。通过一个例子展示了如何在用户选择特定选项后，向服务器发送请求并获取响应数据，展示不同国家的城市信息。GET请求将请求参数附加到URL后面，文中提供了first.html、second.js的相关代码和运行结果。

摘要由CSDN通过智能技术生成

1.前言

通常情况下，GET请求用于从服务器上获取数据，POST请求用于向服务器发送数据。GET请求将所有请求参数换成一个查询字符串，并将该字符串加到请求的URL之后，因而可以在请求的URL后看到请求参数名、请求参数值。如果将某个的action属性设置为GET，则请求将会将表单中各个字段名和值转换成字符串，并附加到URL之后。下面的例子，我们用GET请求将请求的ID作为参数发送，然后得到响应的信息。

2. 例子

1) 我们定义个多选框，当选中了其中一个后，在多选框的右边会显示该国家的信息。所以我们在first.html定义单击的事件。（源码链接：http://pan.baidu.com/s/1kUDWo0f 密码：07pg）

 // 事件处理函数，当下拉列表选择改变时，触发该事件
	function change(id)
	{
		// 初始化XMLHttpRequest对象
		createXMLHttpRequest();
		// 设置请求响应的URL
		var uri = "second.jsp?id=" + id;
		// 设置处理响应的回调函数
		xmlrequest.onreadystatechange = processResponse;
		// 打开与服务器响应地址的连接
		xmlrequest.open("GET", uri, true);
		// 发送请求
		xmlrequest.send(null);
	}

2) 请求URL之后，对应的页面会返回信息，所以我们要写回调函数来读取这些信息，后将其显示在右边的框中。依然是在first.html中添加。