0

Bom dia, estou criei um código javaScript para enviar dados usando AJAX para uma página PHP,meu problema é que o POST está indo vazio para página que estou chamando. Isso só acontece quando chamo a função JavaScript(AJAX) que faz o request, quando chamo a página PHP direto pelo action o POST funciona normalmente. O que pode ser?

 function AjaxExecute(arquivo){
        var ajax;

        if(window.XMLHttpRequest){ 

            ajax = new XMLHttpRequest();

        } else {

            try{
                ajax = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            }   
        }

        ajax.onreadystatechange = function(){

            if(ajax.readyState == 4 && ajax.status == 200){

                return this.responseText;
            }
        }

        ajax.open("post",arquivo);
        ajax.send(null);

}
2
  • Coloca os headers e a url. E o que seria arquivo ?
    – Edilson
    Commented 15/04/2017 às 17:25
  • o arquivo seria minha url, fiz assim porque pretendo usar essa mesma função para mais casos. Tentei usar o header, mas não havia funcionado então removi. Commented 15/04/2017 às 22:26

2 Respostas 2

2

Está a faltar a url, e definir o header:

...
var url = "receberFicheiro.php";
ajax.open("post", url, "true");
ajax.setRequestHeader("Content-type", "multipart/form-data");
ajax.onreadystatechange = function(){
   if(ajax.readyState == 4 && ajax.status == 200){
      # ???
      return this.responseText;
   }
}
ajax.send(ficheiro);

E atenção ao return.

1
  • a url seria o minha variavel arquivo, em outra tentativa tentei colocar o setRequestHeader, porém não rolou também, o return segundo o comentário abaixo posso usar um callback, porém como recupero o valor retornado em outro script js? Commented 15/04/2017 às 22:22
1
  1. Troque o return por um callback (leia isto Qual a vantagem real de usar um CallBack e o que é thread/multithread?)

  2. E por fim ajuste o if para detectar erros HTTP ou de conexão:

  3. Depois ajuste o header para usar POST (leia isto AJAX Javascript Puro Assíncrono)

    function AjaxExecute(arquivo, variaveis, success, fail){
        var ajax;
    
        variaveis = !variaveis ? null : variaveis;
    
        if(window.XMLHttpRequest){ 
    
            ajax = new XMLHttpRequest();
    
        } else if (window.ActiveXObject) {
    
            try{
                ajax = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            }
        } else {
            //Simula um erro acaso Ajax não esteja disponivel (quase improvavel)
            setTimeout(error, 1, 0);
            return;
        }
    
        ajax.onreadystatechange = function(){
    
            if(ajax.readyState == 4){
                if (ajax.status == 200) {
                    //Callback se retornar status HTTP 200
                    success(this.responseText);
                } else {
                    //Calllback se retornar qualquer outro status até 0 (sem conexão)
                    fail(ajax.status);
                }
            }
        }
    
        ajax.open("post", arquivo);
    
        //Ajusta a requisição para trabalhar o POST
        ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    
        //Envia os dados via POST
        ajax.send(variaveis);
    }
    
    function sucesso(resposta) {
        alert(resposta);
    }
    
    function erro(codigo) {
        alert("Erro na requisição:" + codigo);
    }
    
    AjaxExecute("pagina.php", "foo=1&bar=2", sucesso, erro);
    
9
  • fail -> erro
    – Edilson
    Commented 15/04/2017 às 19:31
  • @Edilson fail é dentro do escopo de AjaxExecute e erro é uma função fora, inclusive testei e funcionou normalmente (os nomes dentro do escopo estão em inglês, fora seriam funções criado por ele).
    – Syzoth
    Commented 15/04/2017 às 19:33
  • Estou com algumas dúvidas, o código que você enviou funcionou, porém como faço para pegar esse retorno em outro script JS? e a página ainda está atualizando, como faço para ela não atualizar? Commented 15/04/2017 às 22:20
  • Não entendi @RayanPereiradeLima
    – Syzoth
    Commented 15/04/2017 às 22:50
  • ja passei assim ajax.open("post", arquivo, true); e assim ajax.open("post", arquivo, false); Commented 15/04/2017 às 22:50

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