easyui form 返回html,jQuery EasyUI 表单 – 创建异步提交表单 | 菜鸟教程

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

本教程向您展示如何通过 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');

}

});

服务器端代码

form1_proc.php

$name = $_POST['name'];

$email = $_POST['email'];

$phone = $_POST['phone'];

echo "Your Name: $name
Your Email: $email
Your Phone: $phone";

下载 jQuery EasyUI 实例