forme jQuery EasyUI - pour créer un formulaire de soumission asynchrone
Ce tutoriel vous montre comment soumettre un formulaire (formulaire) par easyui. Nous créons un nom de formulaire, e-mail et les champs de téléphone avec. En utilisant le formulaire easyui (formulaire) plug-in pour changer de forme (formulaire) est la forme ajax (formulaire). Formulaire (formulaire) de soumettre tous les champs au serveur d'arrière-plan, le traitement du serveur, et d'envoyer des données à la première page. Nous recevons des données en arrière et montrons-le.
Créer un formulaire (formulaire)
<Div style = "padding: 3px 2px; border-bottom: #ccc 1px solid"> Formulaire Ajax </ div> <Form id = "ff" action = "form1_proc.php" method = "post"> <Table> <Tr> <Td> Nom: </ td> <Td> <input name = "nom" = "text"> </ input> </ td> </ Tr> <Tr> <Td> Courriel: </ td> <Td> <input name = type "email" = "text"> </ input> </ td> </ Tr> <Tr> <Td> Téléphone: </ td> <Td> <input name = de type "téléphone" = "text"> </ input> </ td> </ Tr> <Tr> <Td> </ td> <Td> <input type = "submit" value = "Soumettre"> </ input> </ td> </ Tr> </ Table> </ Form>
Changement de forme Ajax
$ ( '# Ff'). Formulaire ({ succès: function (data) { .messager.alert $ ( 'Info', les données, 'info'); } });
Le code côté serveur
form1_proc.php
$ Nom = $ _POST [ 'nom']; $ Email = $ _POST [ 'email']; $ Téléphone = $ _POST [ 'phone']; echo "Votre Nom: Nom de $ <br/> Votre Email: $ email <br/> Votre téléphone: $ téléphone";