javascript > Tutoriel Ajax

TitreTutoriel Ajax
Postée le04-05-2009
Affichée659
Mini-lien
Description

les bases

EtatNe contient pas d'erreurs. Ne contient pas d'erreurs.
Code d'insertion
Options
Afficher les numéros de lignes  Mettre la source en plein ecran  Selectionner la source  Partager sur Facebook 
Téléchargement Telecharger en format txt  Telecharger en format pdf  Telecharger en format js
Plein ecran
<html>
<head>
<script>
function submitform()
{
    document.getElementById("ajax_data").innerHTML = "";
   
    if(window.XMLHttpRequest) // Autres
    {
      var xhr_object = new XMLHttpRequest();
    }
    else if(window.ActiveXObject) // IE6
    {  
      var xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    }

                xhr_object.onreadystatechange  = function()
                {
                        if(xhr_object.readyState  == 4)
                        {
                                if(xhr_object.status  == 200)
                                {
                                        document.getElementById("ajax_data").innerHTML = xhr_object.responseText;

                                }
                         }
                };
                xhr_object.open("GET", "hello.txt", true);
                xhr_object.send(null);
}
</script>
</head>
                 
<body>
    <form method="post" name="ajax" action="">                  
         <input type="button" value="Envoyer"  onclick="submitform()">
    </form>
    <div id="ajax_data"></div>
 </body>
 </html>