Tutoriel AJAX simple (1/4) En avant vers le WEB2.0
Depuis peu, nous entendons parler d'AJAX un peu partout, comme quoi c'est un outil formidable, rapide, langage du futur, et précurseur du WEB2.0.
Malheureusement, en recherchant sur le net, soit on ne trouve que des fonctions de création de l'objet XMLHttpRequest, soit des classes complètes imcompréhensibles aux developpeurs-amateurs.
Mais AJAX est beaucoup moins compliqué ( à comprendre ) qu'il n'y parait.
Excusez-moi d'avance si ce tutoriel comporte de légères erreurs, je ne suis qu'un amateur autodidacte.
Je ne traiterai ici que de l'ajax en mode asynchrone et en method POST.
Autre tuto
----index.php---- ( Non commenté )
<html>
<head>
<title>Saisie</title>
<script src="ajax.js" type="text/javascript"></script>
</head>
<body>
<form method="post" action="verifformu.php">
<table>
<tr>
<th colspan="2">INFORMATIONS CLIENTS</th>
</tr>
<tr>
<td>N° de code client</td>
// Nous utilisons onchange car nous ne verifions pas chaque frappe mais la saisie complete
<td><input type="text" size="6" name="cdcl" id="cdcl" onchange="ajaxcdcl()" /></td>
</tr>
<tr>
<td>Nom du revendeur</td>
<td><input type="text" size="20" name="revendeur" id="revendeur" /></td>
</tr>
<tr>
<td>Adresse</td>
<td><input type="text" size="30" name="adresserev" id="adresserev" /></td>
</tr>
<tr>
<td>Code postal</td>
<td><input id="coderev" type="text" size="5" maxlength="5" name="cdpostrev" /></td>
</tr>
<tr>
<th colspan="2">APPAREIL</th>
</tr>
<tr>
<td>Fournisseur</td>
<td><input type="text" name="fournisseur" id="fournisseur" size="20" /></td>
</tr>
<tr>
<td>Reference de l'appareil</td>
<td><input type="text" size="20" name="refapp" /></td>
</tr>
<tr>
<td>N° de serie</td>
<td><input type="text" size="20" name="nserie" id="nserie" onchange="verifnserie()"/>
<span id="affnserie"></span></td>
</tr>
<tr>
<th colspan="2">CODE IRIS</th>
</tr>
<tr>
<td colspan="2">
<div id="iris">
<input type="radio" onclick="ajaxiris('lavage')" name="codiris"> Lavage
<input type="radio" onclick="ajaxiris('froid')" name="codiris"> Froid
<input type="radio" onclick="ajaxiris('cuisson')" name="codiris"> Cuisson
</div>
</td>
</tr>
<tr>
<th colspan="2"><input type="submit" value="Valider" /></th>
</tr>
</table>
</form>
</body>
</html>
Au fil des news Magazines - Le n°108 de Programmez est disponible Adobe - Téléchargez gratuitement le dossier spécial Adobe Magazines - Le N°107 de Programmez est disponible. Créer une Feature d'administration sous SharePoint - Comment créer un composant d'administration Dans les précédents articles, nous avons évoqué la création de pages personnalisées dans ... PHP - Afficher une date : multilangage et relative Agenda - Inscrivez-vous au WygDay [Wygwam] le 22/5 à Lille Sync Framework - Introduction au MS Sync Framework - Installation Microsoft, lors du Keynote du TechEd Europe 2007, a annoncé la mise à disposition d'un nouveau ... Reporting Services et SharePoint - Utiliser SharePoint comme source de données Dans un précédent article, nous avons pu apprendre comment créer un rapport utilisant une source de ... JavaScript - Affiche un calendrier sous une zone de saisie Adobe - Adobe lance la version bêta publique de Photoshop Microsoft Expression Web - Premier contact Je suis revenu des Techday's 2008 avec une idée en tête. Je voulais savoir comme travailler avec ... PHP & MySQLi - de Hello / Sector One Hello de Sector One propose un article avec PHP et MySQLi, la nouvelle extension de MySQL VBScript - Zip de fichiers automatique et efface la source Dreamweaver CS3 + Php + Mysql - Trucs et Astuces - Part 4 - Pour changer, deux nouvelles astuces pour vous . Alternate Colors. Inscription et envoi de mail Magazines - Le N°106 de Programmez est disponible. Divers - Zone Webmasters PHP5 - Classe de connexion à MySQL Agenda - 20/03 : Boostez vos applis PHP-Windows Server 2008 Créer un thème graphique pour WSS V3 - Comment créer un thème graphique pour WSS V3 Nous avons vu dans un précédent article comment créer une master page. Il peut parfois être ... Les plans de maintenance et SQL Server 2000 - Installer un plan de maintenance sous SQL Server Dans le cadre de la gestion d'instances SQL Server 2000 hébergeant SharePoint, il est intéressant ... PHP - PHP et MYSQL - MySQLi - PDO Jeux de l'été (et de 4) - Un petit jeu de Mastermind C'est reparti pour un tour... Il y avait longtemps que je n'étais pas venu vous proposer un petit ... Migration WSS avec un Site Template spécifique - Migration WSS avec un Site Template spécifique Les précédents articles nous ont permis de voir les différents modes de migration de WSS V2 vers ... DataBase Upgrade de WSS V2 vers WSS V3 - Upgrade de WSS V2 vers WSS V3 par la DataBase Parmi les trois modes de migration de Windows SharePoint Services V2 vers WSS V3, nous avons vu les ... Création de module DotNetNuke en C# - Source : Jerome Fortias sap-integration.net Je vous propose un nouvel article consacré au développement de modules pour DotNetNuke en C#. Il ... ASP-PHP.net - On sera aux MS TechDays 2008 ! et vous ? Créer son modèle de rapports SSRS - Créer son modèle de rapports Reporting Services Après la création du modèle de style pour Reporting Services, il est souhaitable aussi d'avoir un ... PHP - publipostage sur rtf préformaté avec mysql Créer son style de rapports SSRS - Créer son style de rapports Reporting Services Lorsqu'on travaille avec Reporting Services pour développer ses rapports, on veut très souvent ... .NET - C#2 et ASP.NET 2.0 - Développez un projet de A à Z SharePoint - MOSS 2007 - De l'intégration au développement PHP - PHP 5 MySQL 5 AJAX Découverte de Visual Studio 2008 - Microsoft a annoncé, lors du TechEd'07 organisé à Barcelone, la mise à disposition de la release de ... Adobe - Photoshop Elements 6 Version MAC Adobe - Adobe sur Intergraphic 2008 Reporting Services et données XML - Utiliser des données XML dans Reporting Services Une demande récente que j'ai reçue : Comment utiliser des données provenant d'un flux XML dans ... Dreamweaver CS3 + XML + Ajax - Création d'une région détail Dans cet article, je vais vous montrer comment utiliser la technique région détail, avec Spry PHP - Jolie arborescence dynamique Magazines - Le N°104 de Programmez est disponible PHP - PhPBB 3.0.0 !!!
Boutique |
Sites |
Bar |
Forum |
PhpBB |
Actu |
Glossaire |
Codes |
Tips |
Liens |
Livres |
Lettre
