11545 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

j'aimerais arriver à remplacer mon vieux code pour utiliser XMLHTTPRequest

var xhr; 
try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
   catch (e) 
   {
    try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
       catch (e2) 
         {
        try {  xhr = new XMLHttpRequest();     }
         catch (e3) {  xhr = false;   }
       }
   }
  xhr.open("POST", "code_a_retourner.php", true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  var data = "content=" + texte;
  xhr.send(data);
    xhr.onreadystatechange  = function()
    { 
         if(xhr.readyState  == 4)
         {
              if(xhr.status  == 200) {
                 alert(xhr.responseText);
                 }


En utilisant JQuery, pour obtenir la même chose :


$.ajax({
   type: "POST",
   url: "code_a_retourner.php",
   dataType: 'html',
   data: "content=" + texte,
   success: ...
            }

 });


Seul problème, comment je fais pour récupérer les datas que le fichier code_a_retourner.php va me renvoyer dans "success" ?


D'avance merci !
Modifié par Nico3333fr (23 Oct 2009 - 10:41)
Bonjour

Je ne suis pas un pro de jQeury (mais je me soigne).

Pour ma part j'utilise la méthode post http://docs.jquery.com/Ajax/jQuery.post

Tu peux appeler une fonction de rappel (callback) ET traiter les datas en cas de succès.

Donc si tu veux faire une requête POST et traiter les données seulement si la requête est réussie, ça doit pouvoir te convenir.

En gros ça donne quelques chose comme ça (à tester)


$.post('code_a_retourner.php', 
          {content: texte}, 
           function(data) {
                  alert(data);
           },
           'html');

Modifié par ArnaudS (07 Oct 2009 - 14:45)
Un petit peu à la bourre, mais ça marche bien... même très bien ! (j'avais un peu de mal à comprendre les callbacks Smiley sweatdrop )

Merci ! Smiley cligne