PHP

afficher le résultat d'une recherche ajax pour POST

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : afficher le résultat d'une recherche ajax pour POST

cyberpilou1410

Bonjour,

Voilà plusieurs jours que je recherche a faire un moteur de recherche simple en ajax , il fonctionne mais je n'arrive pas à afficher le resultat de la recherche dans un champs précis (comme si j'avais fait un simple menu déroulant genre
<select name ='client'>
<option value.....

ou encore dans un champ texte bref pas comme il fait maintenant en haut ou en bas de l'écran suivant ou je met le code que voici :

Bref la récupérer pour pouvoir la poster avec un formulaire php ce qui n'est pas le cas maintenant

J’espère que je suis arrivé a me faire comprendre sinon n'hésitez pas à me poser des question

merci d'avance

Code :

<html>
<head>
<title></title>
</head>
<body>
<form class="ajax" action="ajax-search4.php" method="get">
<p>
<label for="q">Rechercher un article</label>
<input type="text" name="q" id="q" />
</p>
</form>
<div id="results"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
// détection de la saisie dans le champ de recherche
$('#q').keyup( function(){
$field = $(this);
$('#results').html(''); // on vide les resultats
$('#ajax-loader').remove(); // on retire le loader
// on commence à traiter à partir du 2ème caractère saisie
if( $field.val().length > 1 )
{
// on envoie la valeur recherché en GET au fichier de traitement
$.ajax({
type : 'GET', // envoi des données en GET ou POST
url : 'ajax-search4.php' , // url du fichier de traitement
data : 'q='+$(this).val() , // données à envoyer en GET ou POST
beforeSend : function() { // traitements JS à faire AVANT l'envoi des
$field.after('<img src="ajax-loader.gif" alt="loader" id="ajax-loader" />'); // ajout d'un loader pour signifier l'action
},
success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
$('#ajax-loader').remove(); // on enleve le loader
$('#results').html(data); // affichage des résultats dans le bloc
}
});
}
});
});
</script>
</body>
</html>

Message édité par cyberpilou1410 le 11-04-2018 à 20:01:34

Publicité

MaybeEijOrNot

but someone at least

Bonjour,

Et comment avez-vous tenté de faire pour afficher le résultat à l'endroit souhaité ?

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

erickred

salut,

le problème est-il toujours d'actualité ?

généralement, les requêtes Ajax ne retournent pas une page ou du code html tout prêt, c'est souvent une structure xml ou json qui doit être décortiquée dans ta fonction success.

que retourne ta fonction php ?

si tu veux un peu d'aide :
modifie ta fonction success telle quelle :
success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
console.log("données retournées : ",data); // <<<<<--- ***** ICI *****
$('#ajax-loader').remove(); // on enleve le loader
$('#results').html(data); // affichage des résultats dans le bloc
}

Cette modification affiche "data" dans ta console (Ctrl+shit+i dans firefox ou F12 chrome)
ouvrir la console avant ta requête ...

ensuite lance une requête et fais un copier coller du résultat, déplie la variable dans console pour voir les "sous-champs",... les propriétés quoi...

bonne suite.

Message édité par erickred le 15-04-2018 à 10:59:03

FORUM HardWare.fr

Programmation

PHP

afficher le résultat d'une recherche ajax pour POST

Sujets relatifs
Recherche opérationnelle	Afficher les résultats aléatoires sur page html ->innerHTML
Recherche de cellule en fonction d'un texte donné.	Afficher mes données que si ma checkbox est cochée
(HELP ! ) Tri par ordre Alphabétique AJAX (Help ! )	Afficher le contenu d'une ligne de la bdd
recherche liste mot dans plusieurs fichiers	Lancement de recherche internet par Excel vba
Moteur de recherche Intranet	Barre de recherche interne au site : me mettre sur la piste
Plus de sujets relatifs à : afficher le résultat d'une recherche ajax pour POST

Page générée en 0.062 secondes