AJAX ou Ajax est JavaScript et XML asynchrones. Il est utilisé pour échanger des données avec un serveur et mettre à jour une partie d'une page Web sans recharger toute la page Web côté client. L'affichage et le comportement de la page Web existante ne sont pas du tout perturbés lors de l'échange et de la mise à jour des données. Ajax est également considéré comme un groupe de technologies utilisant HTML, CSS, DOM et JavaScript qui sont utilisés pour baliser, styliser et permettre à l'utilisateur d'interagir avec les informations de la page Web. Dans cet article, il vous montrera comment écrire un programme simple en Ajax étape par étape à l'aide de Notepad ++. Une connaissance de base de HTML, DOM, JavaScript et d'un serveur Web local ou d'un serveur Web distant est requise. WampServer est utilisé dans cet article pour un test.
Pas
Méthode 1 sur 2: Codage
3929304 1
Étape 1. Préparez une image pour écrire un programme Ajax
Enregistrez l'image dans le même dossier où vous enregistrerez vos fichiers html et texte affichant le programme Ajax. Dans cet article, le répertoire « ProgramInAjax » est configuré dans le dossier « wamp » sous le répertoire « www » où vous avez installé WampServer.
3929304 2
Étape 2. Ouvrez n'importe quel éditeur de texte
Notepad++ est utilisé comme éditeur de texte dans cet article.
3929304 3
Étape 3. Créez un nouveau fichier dans l'éditeur de texte
Tapez ce qui suit:
Ah ah ! Où est passée la fleur jaune ?
Vous pouvez taper ce que vous voulez dans la balise html ici.
3929304 4
Étape 4. Enregistrez le fichier en tant que document texte sous le nom de "ajax-data.txt
” En fait, vous pouvez nommer le fichier comme vous le souhaitez, mais assurez-vous d'entrer le même nom de fichier dans le codage de cette ligne:
xmlhttp.open("GET", "ajax-data.txt", true);
Cependant, la balise HTML est utilisée pour l'en-tête afin qu'il paraisse plus gros et plus invisible.
3929304 5
Étape 5. Créez un nouveau fichier pour une page Web
Ce fichier est destiné à un fichier HTML pour afficher le programme Ajax dans un navigateur Web.
3929304 6
Étape 6. Copiez le code suivant:
Mon premier programme Ajax par moi Mettez le code Ajax ci-dessous.
Cliquez sur le bouton ci-dessous pour faire disparaître la fleur
3929304 7
Étape 7. Enregistrez le fichier
Cliquez sur le bouton Enregistrer dans la barre de menu. Une boîte « Enregistrer sous » est ouverte. Saisissez un nom pour votre document. Dans cet article, le nom du fichier est « index ».
3929304 8
Étape 8. Cliquez sur la flèche déroulante pour choisir l'extension de fichier
Dans le champ "Enregistrer sous le type", cliquez sur la flèche déroulante pour choisir l'extension de fichier.
3929304 9
Étape 9. Sélectionnez « Fichier de langage de balisage hypertexte
” Assurez-vous qu'il a "html" à l'intérieur de la parenthèse. Cliquez sur Enregistrer après avoir sélectionné le "html".
3929304 10
Étape 10. Testez le fichier HTML dans un navigateur Web
Ouvrez la page Web dans un navigateur Web. Allez à "Exécuter" dans la barre de menu supérieure. Cliquez dessus et sélectionnez "Lancer dans Chrome" ou tout navigateur installé sur votre système. Google Chrome est utilisé pour les tests dans cet article. Vous pouvez avoir d'autres navigateurs installés dans Notepad ++. Vous pouvez sélectionner votre navigateur préféré. Une autre option, vous pouvez cliquer sur l'icône WampServer dans la barre des tâches en bas de l'écran et sélectionner "Localhost". Vous devriez y voir votre répertoire et cliquer sur le fichier d'index.
Étape 11. Cliquez sur le bouton sous l'image pour tester le script
3929304 12
Étape 12. Votre page Web finale
Votre page Web doit être actualisée avec les informations que vous avez entrées dans le fichier texte au début. La fleur et l'en-tête doivent être remplacés par le nouvel en-tête appelé « Oh oh ! Où est passée la fleur jaune ?
Méthode 2 sur 2: Explication du code
3929304 13
Étape 1. La section du corps
Le corps du code HTML comporte la section « div » et un bouton. Cette section sera utilisée pour afficher les informations renvoyées par le serveur. Le bouton appelle une fonction nommée « loadXMLDoc() », s'il est cliqué.
Mon premier programme Ajax par moi Une image va ici pour tester le programme Ajax.
Cliquez sur le bouton ci-dessous pour faire disparaître la fleur
Un bouton va ici
3929304 14
Étape 2. La section de tête
La section head du fichier HTML a une balise de script qui contient la fonction "loadXMLDoc()".
Mon premier programme Ajax par moi Mettez le code Ajax ci-dessous.
Étape 3. Plus d'explications
La chose la plus importante d'Ajax est l'objet XMLHttpRequest. Il est utilisé pour échanger des données avec le serveur et tous les navigateurs modernes prennent en charge l'objet.
La syntaxe pour créer un objet XMLHttpRequest() est variable=new XMLHttpRequest(); mais en même temps, la syntaxe pour créer d'anciennes versions d'Internet Explorer (IE5 et IE6) qui utilise un objet ActiveX est variable=new ActiveXObject("Microsoft. XMLHTTP");.
Afin de gérer tous les navigateurs modernes, il doit vérifier si les navigateurs prennent en charge l'objet XMLHttpRequest. Si c'est le cas, il crée un objet XMLHttpRequest. Si ce n'est pas le cas, il créera un objet ActiveX pour lui.
Ensuite, il enverra une requête au serveur. La méthode de l'objet XMLHttpRequest appelée « open() » et « send() » sera utilisée. xmlhttp.open("GET", "ajax_info.txt", true); xmlhttp.send();.
Des astuces
Une autre option pour prévisualiser le résultat, vous pouvez ouvrir votre navigateur préféré et taper « localhost/ProgramInAjax » dans la barre d'adresse Web pour afficher la page Web. Vous devriez pouvoir voir la page Web si vous nommez votre fichier HTML en "index.html".
Enregistrez votre fichier html plus souvent pendant votre travail. En appuyant simultanément sur les touches Ctrl et S pour les utilisateurs de Windows, vous gagnerez plus de temps.
Assurez-vous d'ajouter votre fichier HTML enregistré au même emplacement où se trouvent votre image et votre fichier texte de données.
Lorsque vous nommez un fichier, il est sensible à la casse lorsque vous ajoutez ces noms dans le code. Par exemple, "myImage" est différent de "MyImage" ou "myimage".
Ceci est une introduction à Pygame pour les personnes qui connaissent déjà Python. Cet article vous apprendra les étapes à suivre pour créer un jeu simple dans lequel le joueur évite les balles rebondissantes. Pas Partie 1 sur 8: Installation de Pygame Étape 1.
Voulez-vous commencer à apprendre à programmer? Se lancer dans la programmation informatique peut être intimidant et vous pensez peut-être que vous devez suivre des cours pour apprendre. Bien que cela puisse être vrai pour certains langages, il existe une variété de langages de programmation qui ne prendront qu'un jour ou deux pour saisir les bases.
Un « scanner de police » est un autre nom pour un scanner radio, un appareil de communication qui surveille les signaux radio dans votre région. En plus des communications du personnel d'urgence comme la police et les pompiers, les scanners peuvent également être programmés avec des fréquences vers une variété d'autres bureaux de communication publics, y compris les écoles, les médias et les entreprises de services publics.
Beaucoup de gens perçoivent Fortran comme un langage de programmation archaïque et "mort". Cependant, la plupart des codes scientifiques et techniques sont écrits en Fortran. A ce titre, la programmation en F77 et F90 reste une compétence nécessaire pour la plupart des programmeurs techniques.
La programmation peut parfois être ennuyeuse et fastidieuse, surtout lorsqu'il s'agit de suivre des cours de programmation. Souvent, les programmes que vous créez ne font que tout afficher dans une petite fenêtre noire et c'est tout. Dans le langage de programmation Python, vous pouvez utiliser quelque chose appelé Turtle Graphics qui vous permet de créer des programmes plutôt sympas.
