javascript使用ajax带参数
时间: 2023-09-16 19:14:00 浏览: 47
可以使用以下代码来使用 AJAX 发送带参数的请求:
```javascript
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 设置请求方法和 url
var url = "example.com/api";
var params = "param1=value1¶m2=value2";
xhr.open("POST", url, true);
// 设置请求头
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 监听请求状态变化
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200) {
// 请求成功,获取响应数据
var response = xhr.responseText;
console.log(response);
}
}
// 发送请求
xhr.send(params);
```
其中,`params` 变量包含了要发送的参数,格式为 `param1=value1¶m2=value2`,可以根据实际情况修改。使用 `xhr.setRequestHeader()` 方法来设置请求头,一般需要设置 `Content-type` 为 `application/x-www-form-urlencoded`。在发送请求时,使用 `xhr.send()` 方法将参数传递进去。最后,在 `xhr.onreadystatechange` 回调函数中处理响应数据。