EasyUI提交表单

使用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));
}
}
}
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值