[AJAX] Comment envoyer au serveur une seul info sans recharger la page

Version imprimable

23/05/2007, 11h18
Ekimasu

[AJAX] Comment envoyer au serveur une seul info sans recharger la page

Bonjour,

je cherche à envoyer au serveur PHP une variable javascript d'une page dès qu'elle est modifiée mais sans rechargement de la page.
je pense qu'on doit faire ça en AJAX mais je n'ai pas trouvé d'exemple aussi bateau d'utilisation d'AJAX. Je n'ai pas besoin d'un super-méga control dynamique, juste envoyer une à deux valeur sans reload de la page.

comment faire ?

En effet tu dois utiliser ajax... Bien que c'est pas la bonne section je vais te donner un exemple:

Code:

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
 
function update()
{
    alert("Update!");
    xhr = defineXMLHttpRequest();
    xhr.onreadystatechange = function() { setContent(xhr, container); };
 
    xhr.open("GET", "http://ta_page_a_appelé.php");
    xhr.send(null);
}
 
function defineXMLHttpRequest()
{
    var xhr=null;
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xhr
}
 
function setContent(xhr, container)
{
    if(xhr.readyState == 4)
    {
        var docXML= xhr.responseXML;
        var items = docXML.getElementsByTagName("response");
 
        document.getElementById(container).innerHTML = items.item(i).firsChild.data;
 
    }
}

Il te suffit d'appeler la fonction update() qui va appeler la page que tu veux et ensuite quand l'action est exécuter tu met à jour avec la fonction setContent()

23/05/2007, 12h01
Ekimasu

ok

merci je crois avoir presque tout compris sans avoir lu une seule doc AJAX grâce à ton exemple.

juste une derniere question :
Si je nai pas de contenu à modifier dans ma page HTML une fois ma valeur passée au serveur (avec ou sans succès), donc je n'ai pas à faire appel à la fonction setcontent ?
je souhaite juste envoyer une info, peut-importe que le serveur arrive ou pas à la traiter/stocker/reception. Je me fiche du message d'arreur en résultant.

et dans le cas où je souhaite faire appel à SetContent, je suppose que je dois utiliser un timer pour mettre à jour/tenter de mettre à jour la page ?
23/05/2007, 12h09
Ekimasu

concrêtement, je souhaite juste comptabiliser le nombre d'action COPIER-COLLER (via le comptage d'evenement key avec combinaison des touche CTRL+C) que fait un utilisateur et l'enregistrer dans son profil.
c'est pour un site où il a un nombre restraint de "profitade du contenu" :-) et aussi pour des stats.
23/05/2007, 12h14
Ekimasu

lol

lol je me mets un troisième post consécutif..mes idées fusent..

ai-je vraiment besoin d'utiliser AJAX pour envoyer une action serveur sans souhaiter de réponse ?

1.
si j'affiche une popup de taille 1x1 (oui presque invisible) de la page PHP qui fait mon action, ça peut suffir non ?(sauf blockage popup du navigateur).
c'est possible non ?

2.
autre idée : si à la place d'une popup, je modifie le innerHTML de mon document de manière à lui mettre une frame (de taille 1x1) ayant pour page source ma page .PHP
ça peut aussi le faire non ?

ps : est-ce qu'un gentil modérateur pourrait déplacer mon sujet en section AJAX s'il lui plaît.....?
23/05/2007, 13h44
Yoteco

Boh en ajax c'est plus simple... il te suffit de déclencher une fonction JS quand l'utilisateur fais un ctrl+c et dans ce cas effectivement tu n'as pas besoin de la fonction setContent tu peux donc supprimer toute la fonction ainsi que cette ligne:

Code:

xhr.onreadystatechange = function() { setContent(xhr, container); };
14/11/2007, 20h54
Antonin89

Bonjour,

Ce sujet m'intéresse, malheureusement je n'ai pas réussi à comprendre le script proposé.

J'ai compris qu'il fallait appeller update() et que cette fonction déclenchait une page qui permet par exemple de modifier des données, par contre j'ai un peu de mal à comprendre ce que vaut le paramètre xhr de setContent.

Si j'ai bien compris il faut appeller cette fonction pour actualiser un div par exemple si je veux afficher la liste des connectés sans actualiser la page on peut utiliser la page appellée dans update pour faire une requête etavec setcontent afficher le nombre de connecté.

J'espère que c'est ça, personnellement je voudrais simplement faire un système de vote qui n'oblige pas l'utilisateur à recharger la page une fois voté (un peu comme sur Dailymotion, on a pas besoin de quitter la page pour voter, et heureusement). Mais la perspective de pouvoir réaliser des requêtes sans charger la page est vraiment intéressante!

Merci d'avance pour votre aide :)
14/11/2007, 23h43
Ekimasu

oui c'est bien ça!
15/11/2007, 08h46
alceste

xhr, représente l'objet XMLHttpRequest
15/11/2007, 12h10
Antonin89

Mais je ne comprends pas ce qu'il faut mettre comme argument à la place de xhr :(