JQuery EasyUI форма - для создания асинхронного формы представления

Этот учебник покажет вам, как отправить форму (форма) по easyui. Мы создаем имя формы, электронной почты и телефона с поля. Используя easyui форму (форма) плагин для изменения формы (формы) является Аякса форма (форма). Форма (форма) представить все поля на внутренний сервер, обработки сервера, а также передавать некоторые данные обратно на главную страницу. Мы получаем данные назад и показать его.

Создание формы (форма)

	<Div стиль = "обивка: 3px 2px; граница дна: 1px твердый #ccc"> Ajax форма </ DIV>
	<Форма ID = "ФФ" действие = "form1_proc.php" метод = "пост">
		<Таблица>
			<Tr>
				<Td> Имя: </ TD>
				<TD> <имя входного = тип "имя" = "Текст"> </ вход> </ TD>
			</ TR>
			<Tr>
				<Td> Email: </ TD>
				<TD> <имя входного = типа "электронная почта" = "Текст"> </ вход> </ TD>
			</ TR>
			<Tr>
				<Td> Телефон: </ TD>
				<TD> <имя входного = типа "телефон" = "Текст"> </ вход> </ TD>
			</ TR>
			<Tr>
				<TD> </ TD>
				<TD> <тип входного = "Отправить" значение = "Отправить"> </ вход> </ TD>
			</ TR>
		</ Table>
	</ Форма>

Изменен Ajax формы

	$ ( '# Ff'). Форма ({
		успех: функция (данные) {
			$ .messager.alert ( "Info", данные "Информация");
		}
	});

Код на стороне сервера

	$ Name = $ _POST [ 'имя'];
	$ E-mail = $ _POST [ 'электронная почта'];
	$ Телефон = $ _POST [ 'телефон'];

	эхо "Ваше имя: $ Имя <br/> Ваш E-mail: $ электронная почта <br/> Ваш телефон: $ телефон";

Скачать примеры Jquery EasyUI

jeasyui-form-form1.zip