javascript是一种常用的脚本语言,可用于前端开发和后端开发。在前端开发过程中,经常需要通过ajax方式向后端服务器发送请求并获得响应数据。其中,get请求是一种最常用的请求方式,本文将介绍如何使用javascript发送get请求以及如何发送get请求参数。
- JavaScript发送GET请求
在JavaScript中,可以使用XMLHttpRequest对象(简称XHR对象)发送HTTP请求。下面是一个简单的使用XHR对象发送GET请求的例子:
var xhr = new XMLHttpRequest();
xhr.open('GET', '/getUserInfo', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();在上面的代码中,首先创建了一个XHR对象,并指定请求方式为GET,请求地址为/getUserInfo。然后注册了一个onreadystatechange事件处理函数,在响应状态为4(表示请求已完成)且响应码为200时,打印出响应文本。最后通过send方法发送请求。
需要注意的是,XMLHttpRequest存在兼容性问题,在IE6、7中需要使用ActiveXObject对象代替,具体可参考相关文档。
- JavaScript发送GET请求参数
在实际应用中,经常需要向后端服务器发送请求参数。在GET请求中,请求参数通常通过URL的查询字符串传递。利用JavaScript可以通过拼接URL的方式将请求参数附加在URL上,如下所示:
立即学习“Java免费学习笔记(深入)”;
var username = 'Tom';
var age = 20;
var xhr = new XMLHttpRequest();
xhr.open('GET', '/getUserInfo?username=' + username + '&age=' + age, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();通过拼接URL的方式,将username和age两个请求参数附加在URL中。需要注意的是,如果请求参数中包含中文等非ASCII字符,需要进行URL编码,否则可能会出现乱码问题。可使用encodeURI函数进行编码,如下所示:
本系统基于VS2005+SQL2005开发, 基本功能模块:供求信息、展会信息、企业商铺、产品库、企业目录信息评论会员服务在线申请在线留言,留言可直接发送到用户邮箱后台数据库备份登陆日志操作日志管理员分级管理权限后台路径 http://你的网站地址/sitemanage用户名:oyaya 密码 123456数据库存放地址 /App_Data 文件夹下oyaya_mingpian.rar
var username = '小明';
var age = 20;
var xhr = new XMLHttpRequest();
xhr.open('GET', '/getUserInfo?username=' + encodeURI(username) + '&age=' + age, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();在上述代码中,使用encodeURI函数对中文字符串进行URL编码,确保请求参数正确传递。
除了拼接URL的方式,还可以使用XHR对象的setRequestHeader方法将请求参数附加在请求头中。如下所示:
var params = 'username=' + encodeURI('小明') + '&age=' + 20;
var xhr = new XMLHttpRequest();
xhr.open('GET', '/getUserInfo', true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send(params);在上述代码中,首先将请求参数以“参数名=参数值”的形式进行拼接,并将结果存放在params变量中。然后使用setRequestHeader方法设置请求头Content-type为application/x-www-form-urlencoded,告知服务器请求参数格式。最后通过send方法发送请求,并传递请求参数。
通过上面的介绍,我们了解了如何使用JavaScript发送GET请求以及如何发送GET请求参数。在实际应用中,可以根据具体需求选择合适的方式传递请求参数,从而实现前后端数据交互。










