在控制台如何用js请求接口,写个post方式传json参数的示例示例
时间: 2024-03-15 22:42:54 浏览: 22
使用 JavaScript 在控制台中发送 POST 请求并传递 JSON 参数的示例如下:
```javascript
const url = 'https://api.example.com/data';
const data = { name: 'John', age: 30 };
const options = {
method: 'POST',
body: JSON.stringify(data),
headers: { 'Content-Type': 'application/json' }
};
fetch(url, options)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
以上示例中,我们首先定义了一个请求地址 `url` 和一个 JSON 对象 `data`,然后创建了一个 `options` 对象,指定请求方法为 `POST`,请求头的 `Content-Type` 为 `application/json`,请求体使用 `JSON.stringify` 方法将 `data` 对象转换为 JSON 字符串。接着使用 `fetch` 方法发送请求,传递 `url` 和 `options` 参数,然后通过 `then` 方法处理响应数据,使用 `json` 方法将其转换为对象,最后输出到控制台中。如果请求失败,可以通过 `catch` 方法处理错误信息。
需要注意的是,跨域请求时需要在服务端设置 CORS 头信息,否则可能会被浏览器拦截。