• 人民网驻阿尔及利亚记者报道集 2018-02-19
  • 党务问答:党组与党委有何区别? 2018-02-19
  • MINI车联网服务3月起升级至4G网络 增加新功能 2018-02-18
  • 以色列警方:已有足够的证据可以用于起诉以总理 2018-02-18
  • 冬奥会短节目第四 金博洋:伤病令我更强大 2018-02-18
  • 天津市北辰区委书记冯卫华:强化政治担当 把主体责任落实落细 2018-02-17
  • 正月初一客流继续回落 全国铁路预计发送旅客389万人次 2018-02-17
  • 送别余光中:诗人虽远行,乡愁永流传 2018-02-17
  • 集团原董事长违纪被查 人员伤亡事故频发 湖北宜化:去年亏损额超过公司市值 2018-02-17
  • 图片故事:“六个人”的火车站 2018-02-16
  • 【马来西亚房产】雅诗阁之星十年包租可续租! ——凤凰网房产马来西亚 2018-02-16
  • 大量顺差在中国,多数利润归美国 2018-02-16
  • 河北今年将削减煤炭消费500万吨 2018-02-16
  • 开创生态文明新时代 绘出美丽中国新图景 2018-02-15
  • 以色列警方:已有足够的证据可以用于起诉以总理 2018-02-15
  • 【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开发中的应用。