使⽤ajax 将复选框的值提交到后台
群尸玩过界电影
说明
在javaweb项⽬中,需要使⽤ajax将复选框的值的提交到后台,记录⼀下当时碰到的问题正⽂
⼀、使⽤jQuery 得到复选框的值
⼆、使⽤ajax
异步提交
脚踝纹身图案女
注意图中红框的traditional 选项
它的含义是是否使⽤传统的⽅式浅层序列化
默认为fal小儿垂钓诗意
,此时传到后台接收不到
改为true
后,后台可以正常接收到
三、完整代码
复选框脚本
var checkID=[];
$("input[name='checkbox']:checked").each(function (i){
低碳环保checkID[i] = $(this ).val(); });
<input type ="checkbox" value ="${news.nid}" name="checkbox" id="checkbox">
后台<script type="text/javascript">
function tijiao(){
var checkID=[];
$("input[name='checkbox']:checked").each(function(i){
民风民俗checkID[i] = $(this).val();
});
$.ajax(
{data:{'checkID':checkID},
dataType:'text',
success: function(data){
alert(data);
},
type:'post',
和谐的近义词url:'<%=baPath%>AddHotNewsSvl',
双绕组变压器
traditional:true
}
);
}
</script>
protected void doPost(HttpServletRequest request, HttpServletRespon respon) throws ServletException, IOException { String[] checkID = ParameterValues("checkID");
try {
HotNewsIn.addHot(checkID);
} catch (Exception e) {
e.printStackTrace();
(e.getMessage());
}
连环拳respon.tCharacterEncoding("utf-8");
}