上面的代码不用HttpClient,使用JS脚本中的postJSON方法怎么调用,写个示例
时间: 2024-04-14 14:29:09 浏览: 18
如果你想使用JavaScript中的`postJSON`方法调用控制器中的方法,你需要使用`fetch`或`XMLHttpRequest`来发送POST请求。下面是一个使用`fetch`方法的示例:
```javascript
// 定义要发送的数据
var requestData = {
a: "example"
};
// 发送POST请求
fetch("/api/sample/getdata", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(requestData)
})
.then(function(response) {
if (response.ok) {
return response.json();
} else {
throw new Error("请求失败");
}
})
.then(function(data) {
// 处理返回的数据
console.log(data);
})
.catch(function(error) {
// 处理错误情况
console.log(error);
});
```
在这个示例中,我们使用`fetch`方法发送POST请求到`/api/sample/getdata`路由,并将请求体设置为JSON格式的数据。请确保你已经根据实际情况修改了路由和请求数据。
在成功获取数据后,`.then()`回调函数会被调用,可以在其中处理返回的数据。在出现错误的情况下,`.catch()`回调函数会被调用,可以在其中处理错误。
请注意,由于跨域请求的限制,如果你的API和前端页面不在同一个域下,你可能需要配置跨域访问权限或使用代理来解决跨域问题。