jEasyUI mencipta borang penyerahan tak segerak

Tutorial ini menunjukkan kepada anda cara menghantar borang (Borang) melalui easyui. Kami membuat borang dengan medan nama, e-mel dan telefon. Tukar borang kepada borang ajax dengan menggunakan pemalam borang easyui. Borang menyerahkan semua medan ke pelayan bahagian belakang, dan pelayan memproses dan menghantar beberapa data kembali ke halaman hujung hadapan. Kami menerima data pemulangan dan memaparkannya.

Buat borang (Borang)

	<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>Name:</td>
				<td><input name="name" type="text"></input></td>
			</tr>
			<tr>
				<td>Email:</td>
				<td><input name="email" type="text"></input></td>
			</tr>
			<tr>
				<td>Phone:</td>
				<td><input name="phone" type="text"></input></td>
			</tr>
			<tr>
				<td></td>
				<td><input type="submit" value="Submit"></input></td>
			</tr>
		</table>
	</form>

Tukar kepada borang Ajax

	$('#ff').form({
		success:function(data){
			$.messager.alert('Info', data, 'info');
		}
	});

Kod sebelah pelayan

	$name = $_POST['name'];
	$email = $_POST['email'];
	$phone = $_POST['phone'];

	echo "Your Name: $name <br/> Your Email: $email <br/> Your Phone: $phone";

Muat turun contoh jQuery EasyUI

jeasyui-form-form1.zip