本教程向您展示如何通过 easyui 提交一个表单（Form）。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单（form）插件来改变表单（form）为 ajax 表单（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>
$('#ff').form({
success: function(data) {
$.messager.alert('Info', data, 'info');
}
});
$name = $_POST['name']; $email = $_POST['email']; $phone = $_POST['phone']; echo "Your Name: $name <br/> Your Email: $email <br/> Your Phone: $phone";
在线实例
字符集 & 工具
最新更新
站点信息
关注我们
