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" οnclick="_tosubmit()"
class="btn btn-primary radius" id="btn"
value=" 提交 ">
<button type="button" id="delFun" οnclick="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";
}