• 新希望!中超19岁新星半年增重十斤 曾戏耍恒大两国脚 2018-10-17
  • 迎丰收 晒丰收 庆丰收 2018-10-15
  • “捂脸表情”被注册成商标?申请人不认为商标侵权 2018-10-15
  • 战巡南海、绕岛巡航…空军有“飞出去”的主心骨 2018-10-14
  • 幼儿园要求家长写一万字读后感:不能这样玩家长|幼儿园|家长-教育时讯 2018-10-13
  • 中国故宫文物展在希腊举行 2018-10-13
  • 車·晓 第26期 車企官方降价真相幾何? 2018-10-12
  • 宝沃总裁杨嵩:曾和奔驰宝马同水平 已不能同日而语 2018-10-11
  • 新时代党员干部要有更大的担当和作为 2018-10-10
  • “2018-雷霆”专项行动破获百余起台湾间谍案 2018-10-09
  • 朝韩首脑今起在平壤会晤 “金文会”将聚焦三大议题 2018-10-09
  • 2018顺义啤酒节--北京频道--人民网 2018-10-08
  • 台湾遭遇的“断交潮”有无化解之道? 2018-10-08
  • 习近平会见爱沙尼亚总统卡柳莱德 2018-10-08
  • 中国空间站研制建设正有序开展 坚持和平利用 2018-10-07
  • 【jeasyui教程】jQuery EasyUI 表单 - 创建异步提交表单

    栏目: jeasyui 发布于: 2014-11-27 21:11:15

    jQuery EasyUI 表单 - 创建异步提交表单

    本教程向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。表单(form)提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面。我们接收返回数据,并将它显示出来。

    创建表单(Form)

    	<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>
    

    改变为 Ajax 表单

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

    服务器端代码

    form1_proc.php
    	$name = $_POST['name'];
    	$email = $_POST['email'];
    	$phone = $_POST['phone'];
    
    	echo "Your Name: $name <br/> Your Email: $email <br/> Your Phone: $phone";
    

    下载 jQuery EasyUI 实例

    jeasyui-form-form1.zip


    本文转载自:w3cschool
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:【jeasyui教程】jQuery EasyUI 表单 - 创建异步提交表单
    IT技术书籍推荐:
    细说PHP(精要版)
    细说PHP(精要版)
    高洛峰 (作者), LAMP兄弟连 (编者)
    PHP是开发Web应用系统最理想的工具,拥有易于使用、功能强大、成本低廉、安全性高、开发速度快且执行灵活等优点?!断杆礟HP(第2版)》自出版以来,销售一路在同类书籍中领先,已成为PHP学习者首选的工具书。为了可以让读者携带方便及更精准地掌握PHP的重点、要点,同时能使之作为大学计算机系PHP教材普及,特别推出《细说PHP精要版》。本书是以《细说PHP(第2版)》为基础,提取出精华内容,都是PHP开发中必须需要掌握的技术点。全书以实用为目标设计,包含PHP开发中必备的各项技术,对已列出的每一个知识点都进行了深入详细的讲解,并附有大量的经典实例代码,图文并茂,并且侧重介绍了PHP的相关技术在实际Web开发中的应用。