• Première approche avec Ajax

  Posté par kazhar le 13/06/2006 dans la catégorie Divers
•  
• j'ai vu beaucoup de personnes utilisant des choses similaires à Ajax avant que cela ne devienne ajax.
  voici un exemple de conception.
  Ajax permet d'utiliser php sans regénérer la page, avec javascript, et est également appellé HTTPRequest.
  
  premierement, le javascript :
  
  Code :
  
  function send_data(data, page, method, id)
  {
  if (window.ActiveXObject)
  {
  //Internet Explorer
  var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
  }
  else
  {
  var XhrObj = new XMLHttpRequest();
  }
  
  //définition de l'endroit d'affichage:
  var content = document.getElementById(id);
  
  //Ouverture du fichier en methode POST
  XhrObj.open(method, page);
  
  //Ok pour la page cible
  XhrObj.onreadystatechange = function()
  {
  if (XhrObj.readyState == 4 && XhrObj.status == 200)
  content.innerHTML = XhrObj.responseText;
  }
  
  XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  XhrObj.send(data);
  }
  
  
  ceci crée un objet avec la requete à envoyer, et la fonction de renvoi de la réponse.
  pour l'utiliser, vous pouvez simplement insérer cette fonction javascript dans votre page.
  
  exemple :
  
  Code :
  
  <a href="javascript:sndReq('q=test', 'page.php', 'post', 'test')">[test]</a>
  
  
  ceci signifie que lorsque quelqu'un clique sur ce lien, une requete interne vers page.php?q=test sera envoyée.
  
  dans page.php, vous n'avez plus qu'à placer votre code php et ce qui doit être affiché.
  
  maintenant, regardons la réponse renvoyée.
  Le contenu de page.php sera affiché dans la balise ayant pour id celui qui est passé.
  Par exemple,
  
  Code :
  
  <div id="test">
  </div>
  
  
  
  losque vous cliquez sur le lien, il affichera automatiquement le contenu de page.php.
  
  
  voila tout ce que vous avez à faire, c'est remplacer les éléments de ce test par vos propres éléments dans votre page.
  
  et votre fonction peut aisément etre étendue pour faire beaucoup plus de choses intéréssantes que simplement remplacer les éléments d'un div ...

Proposez vos articles

•  
•  Venez discuter de cet article sur les forums PHPortail
•  Imprimer cet article