Use json-server as the data source
fetch('http://localhost:3000/user', {
method: 'POST',
body: JSON.stringify({name:name.value, age:age.value, gender:gender.value}),
headers: {
'Cotent-Type': 'application/json'
}
})
.then(res => res.json())
.then(res => {
if (res.id) {
alert('添加用户成功');
this.setState({name: '', age: 0, gender: ''});
} else {
alert('添加失败');
}
})
.catch(err => console.error(err));
As a result, only one
was added {
"id": 10002
}
Two requests were sent in the network, one was an OPTION request. What is the purpose of this request?
The second request is a post request, which contains the data to be added, but there is only one ID information in the json file. Solution
The two requests sent by the
fetch method are
The first post used to be the method in the method. For example, you can change method: 'POST' to method: 'PUT'. The post used to be the configuration information of PUT
The second one is to send a request. Does the json file only have id information? Is it a background setting problem?