Recherche sans reload de page
Bonjour, pour mon site j'aimerais développer un système de recherche qui ne nécessite pas de recharger la page.
Il y aura donc une zone pour afficher les paramètres de recherche et en dessous l'affichage des résultats.
La recherche s'effectue dans une base de données.
J'ai lu beaucoup de tuto sur google, mais je ne parviens pas a cerner mon probleme...
Apparement, il faut utiliser de l'ajax...
J'ai trouvé comment initialiser l'objet :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr
} |
Mais ensuite je ne comprend pas bien comment utiliser le formulaire, comment dire qu'il doit mettre a jour les données.
Je vais passer les variables de recherche via un formulaire, d'après ce que j'ai lu, je vais devoir utiliser send.
Comment l'utiliser?
Pour exemple: http://wow.mygamemug.com/guilds/search/
