Recherche d'information sans rechargement de page : remote scripting
Techniques
Cette section permet de regrouper un ensemble de techniques ou de scripts qui ont l'originalité d'arriver à résoudre une difficulté avec le moindre effort ou qui sont particulièrement efficaces...
Techniques / Remote Scripting
- Recherche d'information sans rechargement de page : Remote Scripting
Les applications web essayent toujours d'apportées la souplesse d'utilisation qui existaient au niveau des applications traditionnelles de bureau. Un problème à toujours été néanmoins le temps de réponse et la méthode d'interrogation sur des critères particuliers qui ne pouvaient se faire sans un rechargement de la page web.
Un exemple étant toujours plus parlant, imaginons que vous souhaitiez sur la sélection d'un code postal situé dans une combo ( balise : <SELECT> ) recharger une seconde combo affichant elle la liste des villes enregistrées dans la base et qui correspondent à ce code postal.
La méthode traditionnelle serait de recharger la page sur la sélection d'un nouveau code postal afin de récupérer ainsi l'information selectionner.
La méthode qui est décrite dans cet article consiste quant à elle à envoyer les informations dans une iframe grâce à l'aide de JavaScript. Depuis cette dernière il est alors possible de modifier des informations dans la page parente encore une fois grâce à JavaScript.
Nous allons tester cette technique sur un exemple simple : un formulaire contenant trois champs A,B,C. Nous allons remplir les deux champs A et B et demander au serveur de réaliser la somme des deux dans le troisième champs C.
Voici la description du formulaire principal incluant une iframe invisible pour l'utilisateur :
<FORM NAME='formulaire' TARGET='RIGHT'
ACTION='traitement.asp' METHOD='POST'>
<INPUT TYPE='TEXT' NAME='A'> <BR>
+ <INPUT TYPE='TEXT' NAME='B'> <BR>
<INPUT TYPE='BUTTON' VALUE='=' > <BR>
<INPUT TYPE='TEXT' NAME='C'>
</FORM>
<IFRAME NAME='execution' WIDTH='0' HEIGHT='0' >
</IFRAME>