雷林鹏分享：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 实例

　　jeasyui-form-form1.zip

　　本文转载自：w3cschool

　　(编辑：雷林鹏 来源：网络 侵删)

转载于:https://www.cnblogs.com/pengpeng1208/p/10648501.html