ajax 表单提交过程

js 代码块

	//	ajax 表单提交
	function _tosubmit() {
		var value1 = $("input:radio[name='status']:checked").val();
		var objid = $("#objid").val();
		//alert(value1 + ";" + objid);
		$.ajax({
			
			type : "POST", // 方法类型 
			dataType : "json",
			url : "${basePath}/manage/repair/UpdateStatus.shtml", // 请求路径
			data : {
				"id" : objid,
				"status" : value1
			},
			callback:function(data){
				
			}
			
		});
 

	}

body内容

<body>
	<form id="form1"  action="##" method="post">
		<div class="pd-20">
			<input type="hidden" name="id" id="objid" value="${obj.id }" />
			<div class="row cl">
				<label class="form-label1 col-3"><span class="c-red">*</span>
					更改状态：</label>
				<div class="formControls col-3">

					未接收:<input type="radio" class="input-text" 
					value="1" name="status" 
					 <c:if test="${obj.status==1}" >checked="checked" </c:if> />
					已接收:<input type="radio" class="input-text" 
					value="2" name="status"  <c:if test="${obj.status==2}" >checked="checked" </c:if> />
					已处理:<input type="radio" class="input-text"
					 value="3" name="status"  <c:if test="${obj.status==3}" >checked="checked" </c:if> />
				</div>
				<div class="col-3"></div>
			</div>

			<div class="row cl">
				<div class="col-9 col-offset-3">
					<input type="button" onclick="_tosubmit()"
						class="btn btn-primary radius" id="btn"
						value="  提交  ">
					<button type="button" id="delFun" onclick="closeWin()"
						class="btn btn-danger marR10">取消</button>

				</div>
			</div>
		</div>
	</form>
</body>

在常用方式中，点击的登录按钮的type为"submit"类型；

在常用方式中，form的action不为空；

ajax方式中需要注意的是$.ajax方法中的参数：dataType和data。

后台controller

@RequestMapping("UpdateStatus")
	@ResponseBody
	public String updatestatus(Integer id,Integer status) throws Exception{  
		
		Map<String,Object> map = new HashMap<String,Object>();
		map.put("id", id);
		map.put("status", status);
		commonService.update("updateRepairStatus", map);
		
		return "ok";
	}

ajax 表单提交过程

猜你喜欢