Exibir detalhes do cupom via javascript

[jcsalim 0]

Pessoal, tudo bem com vcs estou com uma dúvida no meu código, tenho um código php com mysql que realiza um seleciona os dados no Mysql e exibe normalmente no Html, criei um codigo em javascript que exibe os dados ao clicar em um radio para validar um cupom. Nesse código ele valida o cupom mas não exibe a mensagem conforme no php no primeiro echo 'Cupom validado com sucesso', preciso que exiba essa mensagem e me exiba na div #consult os detalhes do cupom vindo do banco de dados.

 

veja o código em javascript:
 

$(document).ready(function(){
                          
$("#codigo_cupom").blur(function(){
                
$("#consult").load("valida_cupom.php?codigo_cupom="+this.value);

  });  
                
});

 

Veja o código php e mysql:

 

<?php 
include("Connections/conn.php");

$codigo = trim($_GET["codigo_cupom"]);

  $procura = "SELECT * FROM tbl_cupom WHERE codigo_cupom = '$codigo'";
  $resultado = mysqli_query($conn, $procura);
  
      $resposta = mysqli_num_rows($resultado);
       if ($resposta > 0)
          {
              echo "<p>Cupom validado com sucesso</p>";
              
                           
          }
          else
           {
                echo "<p>Cupom não existente!</p>";
              
              
           }
               
?>
 

 

 

 

[wanderval 19]

tente manipular essa chamada via ajax e não usando o load

$.ajax({
  url: "valida_cupom.php?codigo_cupom="+this.value
}).done(function(data) { // data what is sent back by the php page
  $('#consult').html(data); // display data
});