How to send POST request from React front to PHP backend?

Question

I would send POST request from react frontend to php backend. Here is code.

--frontend

fetch(backendUrl + "/list", {
    method: "POST",
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(filterData)
})
.then(function(res) {
    return res.json()
})
.then(function(data) {
    self.setState({
        OddList: data.list
    });
    self.props.setPageCount(data.page_count);
    self.props.onShowLoading(false);
})

I want to send POST request. but it sends OPTIONS request. Then nothing happen — Mike Will, Dec 13 '17 at 05:44
You need to investigate CORS, as your request is cross origin, and that explains the `OPTIONS` request. — fubar, Dec 13 '17 at 05:48
This is PHP backend part. header('Access-Control-Allow-Origin: *'); header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); header('Access-Control-Allow-Methods: POST, GET, PUT, DELETE, OPTIONS'); if ($this->input->server('REQUEST_METHOD') == "OPTIONS") { echo "OK"; return; } — Mike Will, Dec 13 '17 at 05:51
Can you post the network tab in developer options expanding the request your are sending ? — Shashith Darshana, Dec 13 '17 at 06:10
Possible duplicate of [How to allow CORS?](https://stackoverflow.com/questions/7067966/how-to-allow-cors) — LF00, Dec 13 '17 at 06:37

score 1 · Accepted Answer · answered Dec 13 '17 at 06:08

It 's mentioned in the comments that you have a different domain for the PHP API you are using. I think the problem is there.

If you use this way the request will go to something similar to bellow URL

ex

http://frontendappdomain/backendurl/list

While you actually want to hit something similar to bellow URL

http://phpappdomaint/backendurl/list

Try sending the full URL instead of the "pathname". That would solve your problem if I understood your problem correctly.

How to send POST request from React front to PHP backend?

1 Answers1