普通参数怎么使用ajax异步请求
时间: 2023-06-18 13:05:21 浏览: 103
使用AJAX发送异步请求
使用 AJAX 进行异步请求普通参数的基本步骤如下:
1. 创建 XMLHttpRequest 对象。
```javascript
var xhr = new XMLHttpRequest();
```
2. 设置请求的方法、URL 和是否异步。
```javascript
xhr.open('GET', '/api/data', true);
```
3. 设置请求头(可选)。
```javascript
xhr.setRequestHeader('Content-Type', 'application/json');
```
4. 监听请求状态变化的回调函数。
```javascript
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
}
```
5. 发送请求。
```javascript
xhr.send();
```
其中,发送请求时如果需要传递普通参数,可以通过 URL 参数或者请求体来传递。例如,将一个名为 `username` 的参数值设为 `john`,可以使用以下两种方式之一:
1. URL 参数方式(GET 请求)。
```javascript
xhr.open('GET', '/api/data?username=john', true);
```
2. 请求体方式(POST 请求)。
```javascript
xhr.open('POST', '/api/data', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('username=john');
```
当然,如果需要传递多个参数,可以将它们拼接成一个字符串,然后使用上述方式之一传递即可。
阅读全文