使用EasyUI提交表单以及对表单数据的处理
1:创建EasyUI页面
2:创建一个HTML的Form表单控件,具体代码如下:
<form id="aForm" method="post">
</form>
特别注意,这个form需要有ID,以及method="post",别的不需要
3:在javaScript中使用提交数据,一般有两种提交方式,一种是使用AJAX提交表单的方式
示例:
1:ajax提交
$.ajax({
url : 'action',
data : {
ID : $('#id').attr('value'),
name:$('#name').attr('value')
},
dataType : 'json',
success : function(data) {
$.messager.show({
title : '提示',
msg : data
});
}
});
2:EasyUI提交
$('#aForm').form('submit', {
url : 'action',
onSubmit : function() {
return $(this).form('validate');//对数据进行格式化
},
success : function(data) {
$.messager.show({
title : '提示',
msg : data
});
}
});
4:struts2配置
注意此时的页面使用的数据格式为JSON,则此时的struts2的包名称应该为json-default:
<package name="defaultjson" extends="json-default">
<action name="action" class="userBean" method="add">
<result type="json" />
</action>
<package>
5:后台业务处理
public class UserAction extends BaseAction implements ModelDriven<UserInfo> {
private UserInfo userInfo = new UserInfo();
public UserInfo getModel() {
return userInfo;
}
public void add()
{
System.out.println("您提交的用户ID为:"+userInfo.getId());
System.out.println("您提交的用户名称为:"+userInfo.getName());
writeJson("成功");
}
public void writeJson(Object object) {
try {
String json = JSON.toJSONStringWithDateFormat(object, "yyyy-MM-dd HH:mm:ss");
ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");
ServletActionContext.getResponse().getWriter().write(json);
ServletActionContext.getResponse().getWriter().flush();
} catch (IOException e) {
log.debug(ExceptionUtil.getExceptionMessage(e));
}
}
}
分享到:
相关推荐
主要介绍了jQuery EasyUI提交表单验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
主要介绍了EasyUI中在表单提交之前进行验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
主要介绍了EasyUI在表单提交之前进行验证的实例代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
一、EasyUI创建异步提交表单 本文向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。...
由于EasyUI自带的Form提交方式会自动去除掉readonly和disabled的值,或者多层form时,不能正确获取到form表单中的数据,由此,产生了这个专门针对EasyUI form的提交工具。
主要介绍了jquery插件EasyUI中form表单提交实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
1、设置表单不验证 <form id=”ff” class=”easyui-form” method=”post” data-options=”novalidate:true”> </form> 2、表单提交时统一验证 ...以上这篇easyui取消表单实时验证,提交时统
里给大家分享的是一段使用EasyUI中实现form表单提交的方法的核心代码,小伙伴们根据自己的需求补全form部分吧,希望大家能够喜欢。
【ASP.NET编程知识】基于ASP.NET+EasyUI框架实现图片上传提交表单功能(js提交图片).docx
三层+EasyUI+Ajax提交Form表单。压缩包内包含代码和数据库脚本。
代码如下:<form id=”myForm” method=”post”> ”center” xss=removed> ”right”>命令: <td><input id=”cmd” name=”cmd” style=”width: 200px;” class=”easyui-validatebox” required=
本人自己写的一个关于easyui与后台交换的脚本。包含表单提交,删除, 获取修改信息,提示信息等。
整合了struts2 jquery的formValidator表单验证的页面代码, 包含验证用户是否存在,提交表单等
主要介绍了基于ASP.NET+EasyUI框架实现图片上传再提交表单(js提交图片)的相关资料,需要的朋友可以参考下