在使用XMLHttpRequest
对象发送HTTP请求时,可以通过send()
方法传递请求参数。以下是一个简单的示例,展示了如何使用xmlhttp.open()
设置请求参数并发送POST请求:
// 创建一个新的XMLHttpRequest对象
var xmlhttp = new XMLHttpRequest();
// 设置请求类型(POST)和请求的URL
xmlhttp.open("POST", "your_url_here", true);
// 设置请求头,例如设置Content-Type为application/x-www-form-urlencoded
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// 定义一个函数,当请求状态发生变化时触发
xmlhttp.onreadystatechange = function() {
// 当请求完成(readyState为4)且响应状态为200(成功)时
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 处理响应逻辑,例如更新页面内容
console.log(xmlhttp.responseText);
}
};
// 准备请求参数
var params = "param1=value1¶m2=value2";
// 发送请求,将参数附加到请求体中
xmlhttp.send(params);
在这个示例中,我们首先创建了一个新的XMLHttpRequest
对象,然后使用open()
方法设置请求类型为POST,并提供请求的URL。接下来,我们使用setRequestHeader()
方法设置请求头,例如设置Content-Type为application/x-www-form-urlencoded。
我们还定义了一个函数来处理请求状态的变化。当请求完成且响应状态为200时,我们处理响应逻辑。在这个例子中,我们只是将响应文本打印到控制台。
最后,我们准备请求参数,将它们附加到请求体中,并使用send()
方法发送请求。