php com javascript e ajax

JavaScript

PHP

Ajax

22/01/2023

estou tentando retornar o valor de uma tabela mysql com php e ajax , mas estou tendo problemas, espero que alguem possa me ajudar. vou dispor meu codigo a seguir:

a função a JS seguir e chamada no onblur de um input que fica em uma modal
<script>
    function BuscaPr(buscaTexto){
        alert(buscaTexto+'!') 
        alert(buscaTexto.length)  // ATÉ AQUI FUNCIONA. O alert me mostra o valor do input e o tamanho da string
        $.ajax({
            method: 'post',
            url: 'buscapr.php',
            data: {busca: 'sim', texto: buscaTexto},
            dataType: 'json',
            success: function(retorno){
                    if(retorno['qtd'] == 0){
                        alert('q = 0')
                            $('#resbuscapro').html('<p>Não encontramos resultados para sua busca</p>');
                    }else{
                        alert('q + 1')
                            $('#resbuscapro').html(retorno.dados);
                    }
            }
        });
    }
</script>


a seguir, o codigo php (inicial) onde tento recuperar o valor do input

<?php
$IDBusca = filter_input_array( INPUT_POST , FILTER_DEFAULT);

// aqui eu tento jogar o valor de $IDBusca em outro input so pra confirmar que o valor voi capturado, mas nao funciona
echo "<script>document.getElementById('valorU').value = {$IDBusca['texto']}</script>";  

echo
Joao Silva

Joao Silva

Curtidas 0

Respostas

Frank Hosaka

Frank Hosaka

22/01/2023

astudy.php
-------------------------------------------------------
<script type="text/javascript" src="https://code.jquery.com/jquery-1.4.3.min.js"></script>
<script>
function BuscaPr(texto){
$.ajax({
    type: 'post',
    url: 'buscapr.php',
    data: {'busca':texto},
    dataType: 'json',
    success: function(retorno){$('#resbuscapro').html(retorno.mensagem);},
    error: function() {
        $('#resbuscapro').html('<p>Não encontramos resultados para sua busca</p>');}});}
</script>
<input onchange=BuscaPr(value)>
<div id=resbuscapro></div>


buscapr.php
--------------------------------------------
<?php
$texto=$_POST['busca'];
$mensagem='{"mensagem":"'.$texto.'"}';
echo json_decode(json_encode($mensagem));
GOSTEI 0
Joao Silva

Joao Silva

22/01/2023

astudy.php
-------------------------------------------------------
<script type="text/javascript" src="https://code.jquery.com/jquery-1.4.3.min.js"></script>
<script>
function BuscaPr(texto){
$.ajax({
    type: 'post',
    url: 'buscapr.php',
    data: {'busca':texto},
    dataType: 'json',
    success: function(retorno){$('#resbuscapro').html(retorno.mensagem);},
    error: function() {
        $('#resbuscapro').html('<p>Não encontramos resultados para sua busca</p>');}});}
</script>
<input onchange=BuscaPr(value)>
<div id=resbuscapro></div>


buscapr.php
--------------------------------------------
<?php
$texto=$_POST['busca'];
$mensagem='{"mensagem":"'.$texto.'"}';
echo json_decode(json_encode($mensagem));


nao aconteceu nada tb.na dive onde deve aparecer o resultado
GOSTEI 0
Frank Hosaka

Frank Hosaka

22/01/2023

astudy.php
-------------------------------------------------------
<script type="text/javascript" src="https://code.jquery.com/jquery-1.4.3.min.js"></script>
<script>
function BuscaPr(texto){
$.ajax({
    type: ''post'',
    url: ''buscapr.php'',
    data: {''busca'':texto},
    dataType: ''json'',
    success: function(retorno){$(''#resbuscapro'').html(retorno.mensagem);},
    error: function() {
        $(''#resbuscapro'').html(''<p>Não encontramos resultados para sua busca</p>'');}});}
</script>
<input onchange=BuscaPr(value)>
<div id=resbuscapro></div>


buscapr.php
--------------------------------------------
<?php
$texto=$_POST[''busca''];
$mensagem=''{"mensagem":"''.$texto.''"}'';
echo json_decode(json_encode($mensagem));


nao aconteceu nada tb.na dive onde deve aparecer o resultado


A ideia é ele repetir na linha de baixo o que você escreveu na linha de cima. Você consegue ver alguma mensagem de erro na caixa de inspeção do navegador?
GOSTEI 0
Frank Hosaka

Frank Hosaka

22/01/2023

Outra coisa importante é que o nome dos arquivos tem que ser exatamente do jeito que foram anunciados.
GOSTEI 0
Frank Hosaka

Frank Hosaka

22/01/2023

Só para desencargo de consciência, tem jeito de você publicar aqui os códigos que foram testados na sua máquina?
GOSTEI 0
Joao Silva

Joao Silva

22/01/2023

<script type="text/javascript" src="https://code.jquery.com/jquery-1.4.3.min.js"></script>
<script>
function BuscaPr(texto){
$.ajax({
type: 'post',
url: 'buscapr.php',
data: {'busca':texto},
dataType: 'json',
success: function(retorno){$('#resbuscapro').html('<h1>'+retorno.mensagem+'?</h1>');},
error: function() {
$('#resbuscapro').html('<p>Não encontramos resultados para sua busca</p>');}});}
</script>

o php

$texto=$_POST['busca'];
$mensagem='{"mensagem":"'.$texto.'"}';
echo json_decode(json_encode($mensagem));

echo "<script>document.getElementById('valorU').value = {$mensagem}</script>";
GOSTEI 0
Joao Silva

Joao Silva

22/01/2023

sim, aparece a seguinte msg de erro:

Error: Incorrect contents fetched, please reload.
GOSTEI 0
POSTAR