单选框
格式
#foreach($data in $map.entrySet())
<input type="radio" onchange="change()" name="v" value=${data.key} >${data.value}</input>
#end
设置初始化选中
$('input:radio[name=v]').filter('[value=${business.v}]').prop('checked', true);
获取值
$("input[name='name']:checked").val();
复选框
格式
#foreach($data in $map.entrySet())
<input type="checkbox" name="cName" value=${data.key}>${data.value}</input>
#end
初始化选中
var strs=${business.list};
$("input[name='cName']").each(function(i){//把所有被选中的复选框的值存入数组
for (i=0;i<strs.length ;i++ ){
if ($(this).val() == strs[i]) $(this).prop("checked",true);
}
});
获取值
$("input[name='cName']:checked").each(function(i){//把所有被选中的复选框的值存入数组
if(i>0){
business.cName +=","
}
business.cName += $(this).val();
});
下拉框
格式
<select class="form-control" name="business" style="width: 100%;" id="business">
#foreach($i in $map.keySet())
#if($item.code== $i)
<option value="$i" selected="selected">${map.get($i)}</option>
#else
<option value="$i">${map.get($i)}</option>
#end
#end
</select>
获取选中的值
dataForUpdate["businesst"] = $("#businesst").val();
ajax请求
$(function(){
$("#bName").click(function(){
var dataForUpdate = {};
dataForUpdate["business"] = $("#business").val();
jQuery.ajax
({
type : "post",
url : "/a/b",
data : dataForUpdate, //设置发送参数
dataType : "json",
success: function(result){
if(result.success){
$("#closeButtonForUpdate").click();
location.reload("new url");
}else{
alert(result.failMsg)
}
},
fail: function (result) {
alert("前台发送请求失败。")
}
});
})
})
上边是参数是对象,不在url中的,参数构造玩写在data中,还有一种参数直接在url里的:
type : "post",
url : "/a/s/" + business+ "/" + id, //参数在url中,不需要data
dataType : "json",
controller中对应的接收 参数格式:
@RequestMapping(value = “/s/{business}/{id}”)
@ResponseBody
public RequestResult s(@PathVariable Integer business, @PathVariable Long id)