Capturar os dados do Retorno HTTP 200

asacap1000 · Julho 16, 2019

Galera me ajudem por favor, estou pirando kkkkk

Seguinte, tenho um form que realiza o submit via javascrit enviando os dados para uma página php formatada em json.

Está gravando perfeitamente porém preciso dos dados do retorno, como Link do boleto, e alguns outros resultados para inserir no banco nesse ponto já pesquisei um monte testei de tudo até a página bugar e nada kkkk

o Script que utilizo para o envio é esse:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("#frmBoleto").submit(function(){

  $.ajax({
    type: "POST",
    url: "https://www.sitedaloja.com.br/action/boleto_bradesco/gerando_boleto.php",
    data: $(this).serializeArray(),
    }).done(function( msg ) {
	  	  
    });

  return false; 

});
	
</script>

Como fazer para capturar os dados da resposta do json?

gabrielms · Julho 17, 2019

@asacap1000 Seria algo assim que você precisa.

<!DOCTYPE html>
<html>
    <head>
        <title>Ajax</title>
    </head>
    <body>
        <div>
            <form id="formajax" onsubmit="return false">
                <button type="submit">Enviar</button>
            </form>
            <div id="reposta"></div>
        </div>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
        $("#formajax").submit(function(event){

            $.ajax({
                url : "server.php",
                dataType : "json", // Tipo de dado esperado pela resposta da requisição, por padrão o tipo de dado esperado é o XML, ele também vai fazer a converção para o valor esperado, porem o valor deve estar nós padrão do tipo esperado.
                data : "", // Data que vai ser enviado pela requisição, $(this).serializeArray()
                type : "POST" // Método da requisição, por padrão é GET
            }).done(function(resposta){ // Função que vai ser executada caso a requisição for bem sucedida.
                if (typeof resposta == "object") // Verificando se a reposta foi convertida para um object
                {
                    for (id in resposta)
                    {
                        $("#reposta").append(`<p>Valor ${id} : ${resposta[id]}<p>`);
                    }
                }
                else
                {
                    $("#reposta").html(resposta);
                }
            })
            .fail(function(){ // Função que vai ser executada caso a requisição for mal sucedida.
                alert("Ocorreu um erro.");
            });
        
            event.preventDefault();
            return false; 
        });
            
        </script>
    </body>
</html>

Aqui tem a documentação do método $.ajax do jquery https://api.jquery.com/jquery.ajax/

Eu fiz algumas mudança adiciona o preventDefault() no evento, isso é só para dar suporte para o Mozilla.

Arquivo Server.php:

<?php

$reposta = array(
    "status"=>3,
    "id"=>"2165465784",
    "link"=>"HTTPS://LINKDOBOLETO.COM",
    "data"=>Date("d/m/Y - G:i")
);

echo json_encode($reposta); // Convertendo o array reposta para um texto en json e escrevendo ele ná página, assim ele vai ser lido pelo método ajax e convertido em um object "json" pelo mesmo.

Entrar

Arquivado

Capturar os dados do Retorno HTTP 200

Recommended Posts

asacap1000 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

gabrielms 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante