php com javascript e ajax
22/01/2023
0
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
Posts
22/01/2023
Frank Hosaka
-------------------------------------------------------
<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));
22/01/2023
Joao Silva
-------------------------------------------------------
<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
22/01/2023
Frank Hosaka
-------------------------------------------------------
<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?
22/01/2023
Frank Hosaka
22/01/2023
Frank Hosaka
24/01/2023
Joao Silva
<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>";
25/01/2023
Joao Silva
Error: Incorrect contents fetched, please reload.
Clique aqui para fazer login e interagir na Comunidade :)