我是ReactJS和UI的新手,我想知道如何从ReactJS代码进行简单的基于REST的POST调用。
如果有任何例子,这将是非常有帮助的。
发布于 2016-07-22 01:47:27
直接从React docs
fetch('https://mywebsite.com/endpoint/', {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
},
body: JSON.stringify({
firstParam: 'yourValue',
secondParam: 'yourOtherValue',
})
})
(这是发布JSON,但您也可以这样做,例如,multipart-form。)
发布于 2016-07-22 02:53:39
React对如何进行REST调用并没有真正的看法。基本上,您可以为这项任务选择您喜欢的任何类型的AJAX库。
对于普通的老式JavaScript,最简单的方法可能是这样:
var request = new XMLHttpRequest();
request.open('POST', '/my/url', true);
request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
request.send(data);
在现代浏览器中,您还可以使用fetch
。
如果您有更多的组件进行REST调用,那么将这种逻辑放在一个可以跨组件使用的类中可能是有意义的。例如,RESTClient.post(…)
发布于 2017-11-15 17:43:13
另一个最近流行的包是:axios
安装:npm install axios --save
简单的基于承诺的请求
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
https://stackoverflow.com/questions/38510640
复制相似问题