1. 页面提交数据通过form表单,在js中使用ajax
前端body部分
<div class="btndiv"><a class="listbtn showbtn" onclick="create();"><i class="icon-plus"></i> 保存</a><a class="listbtn" onclick="close_layer();">返回</a></div>```<div style="float:left;width:100%;padding:5px 5px;"><form class="am-form am-form-horizontal" id="fom" enctype="multipart/form-data"><%-- <input type="hidden" id="orgid" name="orgid" value="<%=orgid %>"> --%><input type="hidden" id="cmd_devid" name="cmd_devid" value="<%=devid %>" /><table><tr><td class="lable_td">设备编码:</td><td> <input type ="text" id="cmd_devno" name="cmd_devno" value="<%=devno %>" readonly="readonly"/></td></tr><tr><td class="lable_td">命令内容:</td><td> <input type ="text" id="cmd_content" name="cmd_content" /> </td></tr><tr><td class="lable_td">提交时间:</td><td><input type="text" id="cmd_submittime" name="cmd_submittime"class="Wdate" style="margin-bottom: 5px; border: 1px solid #ddd;"onFocus="WdatePicker({startDate:'%y-%M-%d %H:%m:%s',dateFmt:'yyyy-MM-dd HH:mm:ss'})" /></td></tr></table></form></div>
js部分
//保存function create(){var options = { type:"post",url:getRootPath_web()+"/deviceCmdAdd.action",dataType:"json",success:function(result){if(result>0){alert("新增成功!");close_layer();}else{alert("新增失败!");}} };$("#fom").ajaxSubmit(options); //注意fom是form表单标签id}//返回function close_layer(){var index = parent.layer.getFrameIndex(window.name);parent.layer.close(index);}
controller层
//新增或更新考勤设备命令@RequestMapping(value = "/deviceCmdAdd", method = RequestMethod.POST)public void deviceCmdAdd(HttpServletRequest request, HttpServletResponse response,AttendanceEquipmentCmd aeCmd) {JsonUtil out = new JsonUtil(request, response);String cmd_id=aeCmd.getCmd_id();if("".equals(cmd_id)||cmd_id==null||"undefined".equals(cmd_id)) {out.outString(attendanceEquipmentCmdService.deviceCmdAdd(aeCmd)+"");}else {out.outString(attendanceEquipmentCmdService.deviceCmdUpdate(aeCmd)+"");}}
2.分页查询
<form id="cfomid"><input type="hidden" id="screen_devid" name="screen_devid" value="<%=srcid %>"></form>
$.ajax({type:"post",url:getRootPath_web()+"/"+urltemp,data: $('#'+cfomid).serialize(), //取出form表单中的数据作为参数async:false,success:function(result){page = result.data;//ajax中给全局变量赋值//localStorage.setItem("pagelist",JSON.stringify(page));//$("#turnpagedivid").html(getorglisthtml(page));}});