Discussion :

[PowerGel]

Bonjour,

J'ai crée un formulaire de recherche en php et ajax, cependant, si je recherche par exemple : "C++" ou "C#" à la place d'avoir "C++" et "C#",
j'aurais "C ".

Je voudrais donc savoir comment faire pour inclure ces caractères lors de la recherche.


Voici mon code actuel :
Ma page contenant le formulaire de recherche : appel.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
<form class="ajax" action="appel.php" method="GET">
	<p>
		<label for="q"> Rechercher une formation </label>
		<input type="text" name="q" id="q" />
	</p>
</form>
 
<!--fin du formulaire-->
 
<!--preparation de l'affichage des résultats-->
 
<div id="results"></div>
 
<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-search.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>

Merci d'avance.

[Doksuri]

Bonjour,

je ne suis pas un expert ajax (loin de la) mais je pense qu'il faudrait echaper (ou encoder) les caracteres speciaux

[PowerGel]

J'avais essayé avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
function safe($var)
{
	$var = mysql_real_escape_string($var); 
	$var = addcslashes($var, '%_');
	$var = trim($var);
	$var = htmlspecialchars($var);
  $var = htmlentities($var); 
	return $var;
}

Mais les "+" et les "#" ne sont toujours pas reconnus.

[rawsrc]

Bonjour,

tu dois utiliser la fonction js encodeURIComponent() sur tes données avant de les envoyer.

[Doksuri]

je voyais plutot l'echapement dans l'appel ajax :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

data : 'q='+$(this).val() , // données à envoyer en  GET ou POST

[edit]
ah, trop lent xD

[PowerGel]

Je n'arrive pas à voir où est ce que je dois placer la fonction js encodeURIComponent(),

Je sais que cela doit se faire avant l'envoie des données et qu'il faut passer en paramètre mes données. Mais lorsque je fais ça, ça ne marche plus.

[rawsrc]

Comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'q='+encodeURIComponent($(this).val())

[PowerGel]

Comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'q='+encodeURIComponent($(this).val())

Merci beaucoup