begin process at 2008 05 17 07:10:26
1 173 919 membres
51 nouveaux aujourd'hui
13 973 membres club

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum.
Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

COMMUNICATION AVEC LE SERVEUR EN MODE ASYNCHRONE(XMLHTTPREQUEST)


Information sur le tutorial

Catégorie :Tutoriaux Date de création : 06/12/2007 18:18:32 Vu : 3 013 fois

Note :
Aucune note

Commentaire sur cette source (10)
Ajouter un commentaire et/ou une note

Description

Salut, il ya deux jour a peine j'avais besoin d'une explication sur le mode asynchrone pour mon chat et j'ai eu beaux chercher partout un tutorial je n'est rien trouvé donc j'en met un pour que si quelqun est dans le même cas que moi il trouve un tutorial en français au lieu de chercher sur internet !!! Il n'y a pas beaucoup de doc en français sur ce sujet !!!
Je vais donc parler du XMLHttpRequest, du mode asynchrone, d'ajax, etc...

Tutorial

Qu'est-ce-que c'est XMLHttpRequest ?

XMLHttpRequest est un objet qui permet de récupérer toutes sorte d'info sans recharger la page !!!

Récupérer des information sans recharger la page ?

Oui vous avez bien lu grâce a cet objet vous pouvez récupérer toutes les données que vous voulez mais avant que vous arriviez a le faire il faut savoir comment le faire !!!

Synchrone ou asynchrone ?

Commençons par le mode asynchrone : le mode asynchrone permet de faire quelque chose pendant que le script ajax s'éxécute et communique avec le serveur contrairement au mode synchrone qui bloc la page pendant l'éxécution du script !!!
Pour envoyer une requête en mode asynchrone il faut mettre true au troisième paramètre de la fonction open !!!
Pour envoyer une requête en mode synchrone il faut mettre false au troisième paramètre de la fonction open !!!

Mise en pratique :


var xhr_object = null; //création de l'objet



if ( window . XMLHttpRequest ) // Firefox


xhr_object = new XMLHttpRequest();


else if ( window . ActiveXObject ) // Internet Explorer


xhr_object = new ActiveXObject("Microsoft.XMLHTTP");


else { // XMLHttpRequest non supporté par le navigateur


alert ( "Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );


return;


}




xhr_object.open("GET", "fichier.extension", true); /*le premier paramètre est la méthode, le deuxième est le nom du dossier dont on va retourner le résultat et le troisième sert a dire que c'est en mode asynchrone*/




xhr_object.onreadystatechange = function() {


if (xhr_object. readyState == 4) alert (xhr_object. responseText );


}




xhr_object.send(null); //on envoi la requête

Valeur de readystate :

Valeur

Description

0 (uninitialized)

non initialisé

1 (loading)

début du transfert des données

2 (loaded)

données transférées

3 (interactive)

les données reçues sont accssibles en partie

4 (complete)

les données sont complètement accessibles

Si vous avez des conseil a me donner pour enrichir ce tutorial je vous serais reconnaissant de me les faire parvenir !!!


22 avril 2008 10:56:25 :
ajout du paragraphe "asynchrone ou synchrone"
22 avril 2008 10:59:10 :
ajout de la catégorie : "synchrone ou asynchrone ?"
22 avril 2008 11:03:58 :
règlage d'un problème de couleur et de mise en page du code...
22 avril 2008 11:08:20 :
essai de mettre l tuto au format docx sous word 2007 pour voir si le problème de mise en page viens de moi ou du site !!!
  • signaler à un administrateur
    Commentaire de Arto_8000 le 07/12/2007 01:50:08

    Tu peux expliquer la différence entre le mode asynchrome et synchrome. Montrer des exemples comment faire en mode POST. Comment rajouter des en-têtes. Tu peux montrer les différents status (200, 404, etc.). Tu peux donner des exemples concrets et assez courant d'utilisation (exemple : Comment précacher des images). Le AJAX c'est très loin de ce limiter à ces 2 paragraphes que tu as écrit.

  • signaler à un administrateur
    Commentaire de Arto_8000 le 07/12/2007 01:55:06

    D'ailleurs il y a toujours d'excellent tutorial en français sur le site de Mozilla. Il y a un tutorial très complet sur le sujet que l'on peut lire :

    http://developer.mozilla.org/fr/docs/AJAX:Premiers_pas

  • signaler à un administrateur
    Commentaire de nicomilville le 07/12/2007 09:12:18

    désolé mais j'essaye de modifier le tutorial depuis hier soir mais je n'y arrive pas donc je ne peut pas faire les modifications tant que les admin n'aurons pas règlé le problème

  • signaler à un administrateur
    Commentaire de Arto_8000 le 09/12/2007 01:46:32

    Tu peux en reposté un autre et tu demanderas a un admin qu'il supprime celui-ci.

  • signaler à un administrateur
    Commentaire de hvb le 20/12/2007 12:55:15

    "(...)j'ai eu beaux chercher partout un tutorial je n'est rien trouvé(...)"
    sans vouloir être offensant... apprend à chercher... ou revoit ta définition de "parout" :)

    "xmlhttprequest" sur google te renvoit des centaines de tuto, et particulièrement en premier resultat, le petit tuto assez complet de www.toutjavascript.com (http://www.toutjavascript.com/savoir/xmlhttprequest.php3), que l'on cite ici depuis au moins deux ans ^^

  • signaler à un administrateur
    Commentaire de hvb le 20/12/2007 12:58:59

    wow, j'avais pas même vu que ton tuto est JUSTEMENT un plagiat de toutjavascript lol...

    tu aurais au moins pu changer le nom de ton objet, le nom du fichier test (foo.txt) ou bien citer ta source... ça t'aurais eviter de te faire démasquer :D

    Vive l'internet libre, f*ck l'anarchie.

  • signaler à un administrateur
    Commentaire de nicomilville le 20/12/2007 18:36:40

    quand je dit que j'ai cherché partout ça sous entend que j'ai cherché partout dans le site excuse moi si je n'ai pas été assez claire !!!

  • signaler à un administrateur
    Commentaire de hvb le 21/12/2007 09:42:40

    moui, prends également en compte mon second commentaire ;)

  • signaler à un administrateur
    Commentaire de nicomilville le 21/12/2007 17:30:19

    je me suis rendu compte trop tard et je n'arrive plus a modifier mon tuto !!!

  • signaler à un administrateur
    Commentaire de XtremDuke le 10/03/2008 15:59:09

    J'arrive un peu tard mais bon...
    Pour une explication concise sur le sujet, voir par exemple (ils sont nombreux) :
    http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML

    Pour ce qui est du mode synchrone/asynchrone : le mode asynchrone agit (pour schématiser) en tâche de fond alors que le mode synchrone va "freezer" l'algorithme jusqu'à un résultat (à la manière d'une alert).

    Pour ce qui est de la "mise en pratique", je vous conseille d'aller jeter un ½il sur  http://blog.neovov.com/index.php?2006/12/03/122-mr-propre qui présente une source saine et très légère d'un objet Ajax.



Ajouter un commentaire

Appels d'offres

Pub



CalendriCode

Mai 2008
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

VS Express FR Gratuit !

VS Express en français et 100% gratuit !

Boutique

Boutique de goodies CodeS-SourceS