1

Estou tentando criar uma função de envio via Ajax com JavaScript puro, porém o PHP não recebe os dados.

O JavaScript está enviando os dados corretamente.

Código JavaScript:

    this._data = JSON.stringify(data);
    Object.freeze(this);

    function reqListener() {
        console.log(this.responseText);
    };

    let request = new XMLHttpRequest();
    request.onload = reqListener;;
    request.open('POST', '/api');
    request.setRequestHeader('Content-Type', 'application/json;');
    request.send(this._data);

Eu tentei usar application/x-www-form-urlencoded também sem sucesso.

Código PHP:

$jSon = array(); 
$getPost = file_get_contents('php://input');
$post = json_decode($getPost);
echo json_encode($jSon);    

O objetivo destes códigos é enviar um JSON via Ajax e o PHP retornar ele mesmo.

4
  • Dá alguma mensagem de erro? Se não, parece-me que seu código PHP não faz muito sentido. Você dá echo na variável $jSon, mas ela sempre será um array vazio. Se você apenas quer fazer o eco dos dados, o correto não seria passar o valor de $post para a função json_encode? Algo como echo json_encode($post)
    – Woss
    20/05/2017 às 12:21
  • @AndersonCarlosWoss De qualquer forma ficará vazio, pois file_get_contents('php://input') está vazio. Este é o meu problema, no cliente mostra que os dados foram enviados, mas back-end retorna um array vazio. O código PHP é só um teste, a partir do momento que funcionar irei começar o desenvolvimento da aplicação em s
    – Weverton
    20/05/2017 às 15:46
  • E se você fizer var_dump($_POST), qual é o retorno?
    – Woss
    20/05/2017 às 15:59
  • @AndersonCarlosWoss Ele retorna null também, pelo que li nas páginas de ajuda, o file_get_contents('php://input') pega o dado bruto, enquanto o $_POST trata ele. Por ser JSON o $_POST sempre retornará null.
    – Weverton
    21/05/2017 às 16:55

2 Respostas 2

0

Você possui um exemplo quase funcional, exceto por dois detalhes (object freeze no javascript e usar uma variável vazia no json_encode). Executando o exemplo mínimo tudo executa como o esperado. Veja:

<script>
    var data = { "name":"John", "age":30, "city":"New York"};
    this._data = JSON.stringify(data);
    //Object.freeze(this);

    function reqListener() {
    console.log(this.responseText);
    };

    let request = new XMLHttpRequest();
    request.onload = reqListener;;
    request.open('POST', '/stackoverflow.php');
    request.setRequestHeader('Content-Type', 'application/json;');
    request.send(this._data);
</script>

Já no php:

<?php
$jSon = array(); 
$getPost = file_get_contents('php://input');
$jSon = json_decode($getPost);
echo json_encode($jSon);

Olhando no depurador do navegador dá para perceber que os dados enviados são retornados pelo script em php.

4
  • 2
    Tem como explicar melhor o motivo de Object.freeze inteferir na solução? Eu não consegui entender, pois ao meu ver o objeto não foi modificado.
    – Woss
    20/05/2017 às 22:09
  • 1
    Quando o método Object.freeze é executado ele lança um erro (diz que não pode impedir que o objeto seja modificado). Como não achei relevante o uso dele (de acordo com o exemplo). Esse erro estava interrompendo a execução do script então o retirei. Resumindo ele não funciona com o objeto this (do meu contexto), mas funcionaria com this._data.
    – Juven_v
    20/05/2017 às 22:34
  • Entendi, obrigado. Justamente eu também achei que não havia a necessidade dele ali, mas só não havia compreendido o porque de influenciar na solução. Gerando o erro e interrompendo o script explicaria isso.
    – Woss
    20/05/2017 às 22:36
  • @Juven_v removi o Object.freeze e o alterei o PHP de acordo com o seu exemplo, mas para mim só retorna null. Estou usando o PHP 7.1 será tem algo a ver?
    – Weverton
    21/05/2017 às 16:44
-3

Troquei: this._data = JSON.stringify(data); Por: var json_data = JSON.stringify(data);

Deu certo aqui

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .