รูปแบบ 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 ( 'ข้อมูล' ข้อมูล 'ข้อมูล'); } });
รหัสฝั่งเซิร์ฟเวอร์
form1_proc.php
ชื่อ $ = $ _POST [ 'ชื่อ']; $ อีเมล์ = $ _POST [ 'อีเมล']; $ โทรศัพท์ = $ _POST [ 'โทรศัพท์']; echo "ชื่อของคุณ: $ ชื่อ <br/> ของคุณอีเมล์: อีเมลของคุณ $ <br/> โทรศัพท์: $ โทรศัพท์";