我是靠谱客的博主 紧张白开水,最近开发中收集的这篇文章主要介绍from表单中action有地址,向后台提交参数的相关问题,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

有一个form表单如下:

<div id="ViewDialog" class="easyui-dialog dialog_twoCol">
								<form id="addSfyBuildForm" action="/vpaas_gx/construManage/addConstruManageInfo" method="post" >
									<div id="DialogTab" class="easyui-tabs">
										<div title="基本信息" style="padding: 5px;">
											<table class="table02">
												<tbody>
													<tr>
														<th>项目名称</th>
														<td colspan="3"><input name="buildProjName" class="entry10 easyui-textbox" type="text" data-options="required: true"></td>
													</tr>
													<tr>
														<th>所处施工阶段</th>
														<td colspan="3"><input name="buildConsStage" class="entry10 easyui-textbox" type="text"></td>
													</tr>
													<tr>
														<th>所属分公司</th>
														<td colspan="2">
														<input id="dwid1" name="dwid1"  class="entry01 easyui-combotree" data-options="height: 30,required:true" >
														</td>
													</tr>
													<tr>
														<th>总包单位</th>
														<td colspan="3"><input name="totalUnit" class="entry02 easyui-textbox" type="text"><span class="pdL10"><input type="text" class="entry02 easyui-filebox"></span></td>
													</tr>
													<tr>
														<th>分包商</th>
														<td colspan="3"><input name="branchUnit" class="entry02 easyui-textbox" type="text"><span class="pdL10"><input type="text" class="entry02 easyui-filebox"></span></td>
													</tr>
													<tr class="cloneRow play_none">
														<th>分包商</th>
														<td colspan="3"><input class="entry02 easyui-textbox" type="text"><span class="pdL10"><input type="text" class="entry02 easyui-filebox"></span>
														<a class="delRow" href="javascript:void(0);">删除</a></td>
													</tr>
													<tr>
														<th></th>
														<td colspan="3"><a id="AddSubcontractor" href="javascript:void(0);" class="easyui-linkbutton com_btn">添加分包商</a></td>
													</tr>
													<tr>
														<th>监理单位</th>
														<td colspan="3"><input name="supervisorUnit" class="entry02 easyui-textbox" type="text"><span class="pdL10"><input type="text" class="entry02 easyui-filebox"></span></td>
													</tr>
													<tr>
														<th>施工方<br>
														安全负责人</th>
														<td><input name="consStaff" class="entry02 easyui-textbox" type="text"></td>
														<th>联系电话</th>
														<td><input name="consStaffTel" class="entry16 easyui-textbox" type="text"></td>
													</tr>
												</tbody>
											</table>
										</div>
										<div title="危险源分析" style="padding: 15px 10px;">
											<div id="ToolsHazard" class="clearfix bg_grey_linear">
												<a id="OpenAddHazard" href="javascript:void(0);" class="tools_btn bg_ease colL"><span class="btn_add">新增</span></a>
												<a id="DelHazard" href="javascript:void(0);" class="tools_btn bg_ease colL"><span class="btn_del">删除</span></a>
											</div>
											<table id="HazardDG" class="easyui-datagrid"></table>
										</div>
									</div>
									<div class="common_btn dialog-button">
										<a id="SaveBuilder" href="javascript:void(0);" class="easyui-linkbutton save_btn">保存</a>
									 <input type="submit" value="保存"> 
										<!-- <a id="EditBuilder" href="javascript:void(0);" class="easyui-linkbutton edit_btn play_none">编辑</a> -->
										<a onClick="$('#ViewDialog').dialog('close');" href="javascript:void(0);" class="easyui-linkbutton close_btn">关闭</a>
									</div>
								</form>
							</div>
							<div id="AddHazardDialog" class="easyui-dialog dialog_oneCol">
								<div class="boxStyle02">
									<form id="AddHazardForm">
									<table class="table01">
										<tbody>
											<tr>
												<th>时间段</th>
												<td><input class="entry01 easyui-textbox" type="text"></td>
											</tr>
											<tr>
												<th>标题</th>
												<td><input class="entry01 easyui-textbox" type="text" data-options="height: 60, multiline: true"></td>
											</tr>
											<tr>
												<th>措施</th>
												<td><input class="entry01 easyui-textbox" type="text" data-options="height: 60, multiline: true"></td>
											</tr>
										</tbody>
									</table>
									</form>
								</div>
								<div class="common_btn dialog-button">
									<a id="SaveAddHazard" href="javascript:void(0);" class="easyui-linkbutton save_btn">保存</a>
									<a onClick="$('#AddHazardDialog').dialog('close');" href="javascript:void(0);" class="easyui-linkbutton close_btn">取消</a>
								</div>
							</div>
							
							<div id="EditAddHazardDialog" class="easyui-dialog dialog_oneCol">
								<div class="boxStyle02">
									<form id="AddEditHazardForm">
									<table class="table01">
										<tbody>
											<tr>
												<th>时间段</th>
												<td><input class="entry01 easyui-textbox" type="text"></td>
											</tr>
											<tr>
												<th>标题</th>
												<td><input class="entry01 easyui-textbox" type="text" data-options="height: 60, multiline: true"></td>
											</tr>
											<tr>
												<th>措施</th>
												<td><input class="entry01 easyui-textbox" type="text" data-options="height: 60, multiline: true"></td>
											</tr>
										</tbody>
									</table>
									</form>
								</div>

想把表中的数据全部提交到后台,不用自己序列化,有一种方法如下,在js中写:

$('#DevEquipmentForm').form('submit', {
		//url : saveOrgUrl,
		onSubmit : function() {
			
			
			var isValid = $(this).form('validate');
			if (!isValid) {
			}
			return isValid; // return false will stop the form submission
		},
		success : function(datas) {// 返回的是组织id
			var data = eval("("+datas+")");
			if (data.success) {
				$('#ViewDialog').dialog('close');
				$.messager.show({
					title : '保存成功',
					msg : '保存设备成功.',
					timeout : 3000,
					showType : 'slide'
				});
				$("#BuilderDg").datagrid('reload');
			} else {
				var msg = "保存设备失败.";
				msg = data.message;
				$.messager.show({
					title : '保存失败',
					msg : msg,
					timeout : 3000,
					showType : 'slide'
				});
			}
		}
	});

这样,可以把表单中所有内容提交,同时要注意,表单中要提交的数据加name属性,name的名称要和实体类名称一致,这样就可以在后台直接写一个

对象作为参数,如下:

</pre><pre name="code" class="java">@RequestMapping(value = "/addConstruManageInfo")
	@ResponseBody
	public String addConstruManageInfo(SfyBuild sfyBuild){
		
		sfyConstruManageService.insert(sfyBuild); 
		System.out.println("==========sfyBuild:"+JSONObject.fromObject(sfyBuild).toString());
		
		
//		sfyConstruManageService.insert(sfyBuild);
		return "";
	}
	







最后

以上就是紧张白开水为你收集整理的from表单中action有地址,向后台提交参数的相关问题的全部内容,希望文章能够帮你解决from表单中action有地址,向后台提交参数的相关问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部