Formularz jQuery EasyUI - aby utworzyć asynchronicznego formularz zgłoszeniowy

Ten poradnik pokazuje, w jaki sposób złożyć formularz (formularz) przez easyui. Tworzymy nazwę formularza, poczty elektronicznej i telefonów z pola. Za pomocą formularza easyui (formularz) plug-in, aby zmienić formularz (formularz) jest formą ajax (formularz). Formularz (formularz), aby złożyć wszystkie pola do serwera zaplecza, przetwarzania serwera, a następnie wysłać jakieś dane z powrotem do strony głównej. Otrzymujemy dane z powrotem i pokazać ją.

Tworzenie formularza (formularz)

	<Div style = "padding: 3px 2px; border-bottom: 1px solid #ccc"> Ajax Form </ div>
	<Form id = "ff" action = "form1_proc.php" method = "post">
		<Table>
			<Tr>
				<Td> Nazwa: </ 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 = "phone" type = "text"> </ input> </ td>
			</ Tr>
			<Tr>
				<Td> </ td>
				<Td> <input type = "submit" value = "Wyślij"> </ input> </ td>
			</ Tr>
		</ Table>
	</ Form>

Zmieniono formę Ajax

	$ ( '# Ff "). Postać ({
		success: function (data) {
			$ .messager.alert ( "Information", dane, "Informacje");
		}
	});

Kod po stronie serwera

	$ Nazwa = $ _ POST [ 'name'];
	$ Email = $ _POST [ 'email'];
	$ Phone = $ _POST [ 'telefon'];

	echo "Imię i nazwisko: Nazwa $ <br/> Twój e-mail: $ email <br/> telefonie: $ phone";

Pobierz przykłady jQuery EasyUI

jeasyui-form-form1.zip