原生ajax请求传参类型
时间: 2023-11-07 07:54:15 浏览: 45
原生 AJAX 请求传参类型有两种:GET 和 POST。
GET 请求是通过 URL 传递参数,参数会被附加到 URL 后面,形成一个完整的 URL 地址。例如:
```
http://example.com/api/users?id=1&name=John
```
这里的参数是 `id` 和 `name`,它们的值分别是 `1` 和 `John`。GET 请求的参数可以在浏览器的地址栏中看到,因此不适合传递敏感信息。
POST 请求是通过 HTTP 请求体传递参数,参数不会被附加到 URL 后面,因此相对更安全。POST 请求可以传递更大的数据量,比 GET 请求更适合传输数据。例如:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/api/users');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({ id: 1, name: 'John' }));
```
这里使用了 JSON 格式的数据作为请求体,通过 `JSON.stringify()` 将 JavaScript 对象转换为 JSON 字符串,再通过 `xhr.send()` 发送请求。在服务端,可以使用相应的方式解析 JSON 数据。
相关问题
vue原生ajax请求
Vue原生的Ajax请求可以使用Vue提供的`axios`库。以下是一个使用axios发送GET和POST请求的示例代码:
```javascript
// 安装axios库
// npm install axios
// 引入axios
import axios from 'axios';
// 发送GET请求
axios.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
// 发送POST请求
axios.post('/api/data', { name: 'John', age: 25 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在上面的例子中,我们首先引入了axios库。然后,我们使用`axios.get()`函数发送一个GET请求到`/api/data`接口,并在成功时打印返回的数据,失败时打印错误信息。
同样地,我们还使用`axios.post()`函数发送一个POST请求到`/api/data`接口,并在成功时打印返回的数据,失败时打印错误信息。
需要注意的是,上述代码中的API路径(`/api/data`)只是示例,请根据实际情况修改为你要请求的API路径。另外,如果需要在请求头中设置一些参数,可以使用`axios.defaults.headers`进行设置。
js原生ajax请求写法
以下是一个基本的原生 AJAX 请求的示例:
```javascript
var xhr = new XMLHttpRequest(); // 创建一个XMLHttpRequest对象
xhr.onreadystatechange = function() { // 监听请求状态的变化
if (xhr.readyState === 4 && xhr.status === 200) { // 请求已完成,且响应状态码为200(成功)
console.log(xhr.responseText); // 输出响应结果
}
};
xhr.open('GET', 'example.com/api/data'); // 配置请求的方法和URL
xhr.send(); // 发送请求
```
以上代码中,我们创建了一个 `XMLHttpRequest` 对象并设置了它的 `onreadystatechange` 回调函数。这个回调函数会在每次请求状态发生变化时被调用,我们通过检查 `readyState` 和 `status` 属性来判断请求是否完成且是否成功。如果成功,我们就可以通过 `responseText` 属性获取响应的结果。
在调用 `open()` 方法之后,我们还可以通过 `setRequestHeader()` 方法来设置请求头信息,例如:
```javascript
xhr.setRequestHeader('Content-Type', 'application/json');
```
这里设置请求头信息为 `Content-Type: application/json`。最后,我们通过 `send()` 方法来发送请求。对于 GET 请求,该方法不需要参数;对于 POST 请求,我们需要将数据作为参数传递给该方法。
以上是一个基本的原生 AJAX 请求的写法,当然,还有很多其他的用法和技巧,具体可以根据实际需要进行学习和使用。