Estou desenvolvendo um projeto em React
(primeira vez que estou trabalhando com React
) e estou com dúvidas no momento de executar chamadas ao servidor, seja um GET
ou POST
.
Eu até consegui executar essa tarefa, porém de modo meio "limitado", pois não estou conseguindo enviar estrutura de datas mais complexas, como um objeto JSON
.
Atualmente estou utilizando fetch()
, deste modo:
// Funcionando normalmente dentro do esperado
fetch(DEFAULT_URL)
.then(function(response) {
if ( response.status !== 200 ) {
console.log('Status Code: ' + response.status);
return;
}
response.json().then(function(data) {
console.log(data);
});
})
Porém, ao executar um POST
eu só consigo deste modo:
fetch(POST_URL, {
method: 'POST',
headers: {
"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
},
body: "name= Nome completo"
})
.then(function(response) {
if ( response.status !== 200 ) {
console.log('Status Code: ' + response.status);
return;
}
response.json().then(function(data) {
console.log(data);
});
})
O que não possibilita o envio de um objeto JSON
, se utilizar ele apresenta erro e não executa a chamada.
Existe algum outro método, ou um método correto/melhor de se executar essas chamadas com React
? Não precisa ser com fetch
, só estou utilizando este método pois não consegui encontrar outro.
O objetivo seria tanto obter dados do banco de dados, como postagens de notícias, dados da empresa, etc. Bem como o envio de informações para cadastro no banco de dados, como cadastro de usuário, entre outros.
$.ajax
do jQuery ou as shorthandsget
,post
,put
edelete
. Na dúvida, troque de biblioteca de Ajax ou faça umas funções no braço mesmo. Ah! E React não tem nenhum método específico, mas é boa prática incluir chamadas dessas nocomponentDidMount
.JSON.Stringify
no objeto que você quer mandar.