Estoy aprendiendo a crear API REST pero me topo con un problema cuando intento extraer información utilizando el fetch()
desde javascript todo funciona de maravilla la información me la entrega sin problema pero cuando intento utilizar el ejemplo que otorgan en https://developer.mozilla.org/es/docs/Web/API/Fetch_API/Utilizando_Fetch
para enviar información, el servidor detecta que se esta haciendo una consulta del tipo POST
sin embargo al tratar de recuperar dicha información me tira error y si intento retornar el $_POST
me arroja un string vácio del lado del cliente.
mi código del lado del cliente es el siguiente:
var url = 'http://localhost/php-rest/API/get_products/';
var data = {username: 'example'};
fetch(url, {
method: 'POST', // or 'PUT'
body: JSON.stringify(data), // data can be `string` or {object}!
headers:{
'Content-Type': 'application/json'
}
}).then(res => res.json())
.catch(error => console.error('Error:', error))
.then(response => console.log('Success:', response));
Nota 1: El nombre de la funcion es get_products ya que es la misma con la que hice la prueba de GET
.
Nota 2: Para comprobar que el error no lo tenía yo, copie y pegue el del ejemplo que otorgan en la página de mozilla.
y mi servidor esta de la siguiente manera:
public function get_products(){
if ($_SERVER["REQUEST_METHOD"] == "POST") {
header("HTTP/1.1 200 OK");
echo json_encode($_POST);
exit();
} else {
header("HTTP/1.1 404");
}
}
y la respuesta que me arroja al hacer la consult aes la siguiente :
Success: Array []
Me podrían decir que puede se el error por favor es la primera ves que intento esto ya que yo trabajaba con AJAX de jquery.
get_products()
?API
dentro de el tengo la funciónget_products()
cabe mencionar que si hago la misma consulta con el metodo ajax de jquery todo funciona de maravilla. Utilizando exactamente lo mismo obtengo el resultado esperado pero con fetch obtengo un array vacio.