jQuery EasyUI Form - eine asynchrone Einreichungsformular zu erstellen
Dieses Tutorial zeigt Ihnen, wie Sie ein Formular (Form) von easyui einzureichen. Wir schaffen einen Formularnamen, E-Mail und Telefonfelder mit. Durch die Verwendung von easyui Form (Formular) Plug-in Form (Formular) zu ändern ist Ajax Form (Formular). (Formular) alle Felder mit dem Backend-Server, der die Server-Verarbeitung, vorzulegen und einige Daten zurück auf die erste Seite zu senden. Wir erhalten Daten zurück und zeigen Sie es heraus.
Erstellen Sie ein Formular (Form)
<Div style = "padding: 2px 3px; border-bottom: 1px solid #ccc"> Ajax-Formular </ div> <Form id = "ff" action = "form1_proc.php" method = "post"> <Table> <Tr> <Td> Name: </ td> <Td> <input name = "name" type = "text"> </ input> </ td> </ Tr> <Tr> <Td> E-Mail: </ td> <Td> <input name = "email" type = "text"> </ input> </ td> </ Tr> <Tr> <Td> Telefon: </ td> <Td> <input name = "Telefon" type = "text"> </ input> </ td> </ Tr> <Tr> <Td> </ td> <Td> <input type = "submit" value = "Submit"> </ input> </ td> </ Tr> </ Table> </ Form>
Geändert zu Ajax Form
$ ( '# Ff'). Formular ({ Erfolg: function (data) { $ .messager.alert ( 'Info', Daten, 'info'); } });
Server-Side-Code
form1_proc.php
$ Name = $ _POST [ 'name']; $ E-Mail = $ _POST [ 'E-Mail']; $ Phone = $ _POST [ 'Telefon']; echo "Ihr Name: $ name <br/> Ihre E-Mail: E-Mail $ <BR/> Telefon: $ phone";