JavaScirpt Post请求代码
时间: 2023-05-10 11:56:03 浏览: 72
以下是一个简单的 JavaScript Post 请求代码示例:
```
const url = 'https://example.com/api';
const data = { username: 'example', password: 'password123' };
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
这段代码使用了 fetch API 发送一个 POST 请求,并将数据以 JSON 格式发送到指定的 API。如果请求成功,它会将响应数据解析为 JSON 格式并输出到控制台。如果请求失败,它会输出错误信息到控制台。
相关问题
原生javascript实现ajax 发送post请求
好的,以下是原生JavaScript实现ajax发送post请求的示例代码:
```javascript
let xhr = new XMLHttpRequest();
xhr.open('POST', '/api', true);
xhr.setRequestHeader('Content-type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
}
xhr.send(JSON.stringify({
name: 'John',
age: 28,
}));
```
在这个例子中,我们使用了XMLHttpRequest对象进行ajax请求的发送。首先使用`open()`方法指定请求类型、URL和async参数;然后使用`setRequestHeader()`方法设置请求头;接着指定`onreadystatechange`回调函数处理请求响应;最后使用`send()`方法发送请求体数据。在本例中,我们使用了JSON.stringify方法将一个包含name和age属性的JavaScript对象转换为JSON字符串,作为请求体发送给服务器。
给我一个VUE的post请求代码
当然可以,以下是一个使用Vue发起POST请求的示例代码:
```javascript
// 引入axios库
import axios from 'axios';
// 创建Vue实例
new Vue({
el: '#app',
methods: {
postData() {
// 发起POST请求
axios.post('/api/mydata', {
name: 'John Doe',
email: 'johndoe@example.com'
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
}
}
});
```
上面的代码中,我们使用了axios库来发起POST请求。在Vue实例的methods属性中,我们定义了一个名为postData的方法,在该方法中使用axios.post方法来发起POST请求。请求的URL是`/api/mydata`,请求体中包含了name和email两个参数。如果请求成功,我们将得到响应数据,并在控制台中输出。如果请求失败,我们将会捕获错误并在控制台中输出。