รูปแบบ jQuery EasyUI - การสร้างแบบฟอร์มการส่งไม่ตรงกัน

กวดวิชานี้จะแสดงวิธีการส่งแบบฟอร์ม (Form) โดย easyui เราสร้างชื่อรูปแบบอีเมลและโทรศัพท์เขตข้อมูลที่มี โดยใช้แบบฟอร์ม easyui (แบบ) plug-in ที่จะเปลี่ยนรูปแบบ (Form) เป็นรูปแบบอาแจ็กซ์ (รูปแบบ) (แบบ) เสนอทุกสาขาไปยังเซิร์ฟเวอร์แบ็กเอนด์การประมวลผลเซิร์ฟเวอร์และส่งข้อมูลบางอย่างกลับไปยังหน้าด้านหน้า เราได้รับข้อมูลกลับและแสดงมันออกมา

สร้างแบบฟอร์ม (Form)

	<div style = "padding: 3px 2px; ขอบล่าง: # CCC 1px ของแข็ง"> อาแจ็กซ์ในแบบฟอร์ม </ div>
	<form id = "FF" การกระทำ = "form1_proc.php" method = "โพสต์">
		<table>
			<tr>
				<td> ชื่อ: </ td>
				<td> <input name = "ชื่อ" type = "text"> </ input> </ td>
			</ tr>
			<tr>
				<td> อีเมล์: </ td>
				<td> <input name = "อีเมล" type = "text"> </ input> </ td>
			</ tr>
			<tr>
				<td> โทรศัพท์: </ td>
				<td> <input name = "โทรศัพท์" type = "text"> </ input> </ td>
			</ tr>
			<tr>
				<td> </ td>
				<td> <ประเภทขาเข้า = "ส่ง" value = "ส่ง"> </ input> </ td>
			</ tr>
		</ table>
	</ form>

เปลี่ยนไปเป็นรูปแบบที่อาแจ็กซ์

	$ ( '# Ff'). แบบฟอร์ม ({
		ความสำเร็จ: ฟังก์ชั่น (ข้อมูล) {
			$ .messager.alert ( 'ข้อมูล' ข้อมูล 'ข้อมูล');
		}
	});

รหัสฝั่งเซิร์ฟเวอร์

	ชื่อ $ = $ _POST [ 'ชื่อ'];
	$ อีเมล์ = $ _POST [ 'อีเมล'];
	$ โทรศัพท์ = $ _POST [ 'โทรศัพท์'];

	echo "ชื่อของคุณ: $ ชื่อ <br/> ของคุณอีเมล์: อีเมลของคุณ $ <br/> โทรศัพท์: $ โทรศัพท์";

ดาวน์โหลดตัวอย่าง jQuery EasyUI

jeasyui-form-form1.zip