AJAX et configuration du fichier
Pour cela faire correctement, vous aurez besoin d'avoir un serveur local ou un serveur distant. Pour simplifier les choses, nous aurons tous nos fichiers dans un dossier qui va se télécharger sur le serveur.
Nous allons créer le fichier cible que nous allons utiliser pour appeler les données. Dans notre exemple, c'est un fichier appelé ajaxexampleGET.php. Si nous ouvrons le fichier, il est actuellement très simple. Il ressemble à ceci:
En utilisant un simple éditeur comme Notepad, créez un fichier appelé ajaxexampleGET.php et ajouter cela sur la première ligne:
Salut c'est un exemple très simple AJAX.
C'est tout. Enregistrez-le.
Ajoutez l'événement Clic
Nous devons maintenant mettre en place l'appel de Construct 2.
Revenons à notre page et ajoutons un objet Mouse (souris). C'est la même technique que nous avons fait pour l'image et les zones de texte. Double-cliquez sur la page, sélectionnez l'objet, puis insérez.
Après l'ajout de l'objet Mouse, ajoutez l'objet AJAX.
Vous ne verrez pas l'objet à l'écran dans la page.
Ajouter l'événement AJAX
Cliquez sur l'onglet Event Sheet 1 puis cliquez sur Ajouter un événement (add event en englais).
La fenêtre ci-dessus apparaît. Choisissez souris(Mouse) puis cliquez sur le bouton Suivant.
Sélectionnez On object clicked puis cliquez sur le bouton Suivant.
Cliquez sur le bouton <click to choose>
Double-cliquez sur le logo sprite ...
... et il apparaîtra dans la fenêtre des paramètres
Retour à notre feuille d'événements, nous pouvons voir l'événement du clic de la souris. Nous pouvons ensuite ajouter l'appel AJAX.
Pour ajouter notre appel AJAX, cliquez sur le lien Ajouter une action.
La fenêtre ci-dessus va apparaitre. Choisissez l'objet AJAX et cliquez sur le bouton Suivant.
Choisissez l'icône "Request URL" en double-cliquant dessus.
La prochaine étape est la plus critique, car elle définit la page cible qui nous indique les données. Dans cet exemple, j'ai ajouté une valeur d'URL composée de:
"http://www.votrehébergeur.com/ajaxexample1/ajaxexampleGET.php"
Dans votre cas, vous devez remplacer l'URL avec votre page cible. Voici à quoi cela ressemble:
Cliquez sur "Done".
Vous remarquerez qu'il apparaîtra dans la feuille d'événements. Il ressemble à ceci: