临汾市互联网+政务服务平台

最新推荐文章于 2024-05-27 21:21:35 发布

mjx715813

最新推荐文章于 2024-05-27 21:21:35 发布

阅读量441

点赞数

分类专栏：工作总结

本文链接：https://blog.csdn.net/mjx715813/article/details/102596820

版权

工作总结专栏收录该内容

36 篇文章 0 订阅

订阅专栏

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));
	    	}
	    });