jEasyUI创建异步提交表单

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

创建表单（Form）

Ajax Form
 
 
 
 
Name:
 
 
 
 
Email:
 
 
 
 
Phone:
 
 
 
 
 
 
 
 

改变为 Ajax 表单

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

服务器端代码

$name = $_POST['name']; $email = $_POST['email']; $phone = $_POST['phone']; echo "Your Name: $name 
 Your Email: $email 
 Your Phone: $phone";

下载 jQuery EasyUI 实例

jeasyui-form-form1.zip