<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/vue.js"></script>
<script type="text/javascript">
$(function(){
//初始化一个Vue
var content = new Vue({
el:"#content",
data:{
userList:[]
},
methods:{
//方法区
clickup:function(id){
alert("修改");
window.location.href="${pageContext.request.contextPath}/user/update/"+id;
},
clickdel:function(id){
alert("删除");
window.location.href="${pageContext.request.contextPath}/user/del/"+id;
},
}
})
//页面初次访问请求ajax异步刷新展示list.jsp
$.ajax({
url: "${pageContext.request.contextPath}/user/selectUserlist",
type: "post",
data: {
},
dataType: "json",
success: function(data){
content.userList=data.list;
}
})
//模糊查询请求ajax异步查询并且返回map中list赋值给Vue的userList展示在list.jsp
$("#btnselect1").click(function (){
var username = $("#username").val();
var sex = $("#sex").val();
var createDate = $("#createDate").val();
var address = $("#address").val();
$.ajax({
url: "${pageContext.request.contextPath}/user/selectUserlist",
type: "post",
data: {
username : username,
sex : sex,
createDate : createDate,
address : address,
},
dataType: "json",
success: function(data){
if(data.code==200){
alert("查询成功")
content.userList=data.list;
}else{
alert("数据库中没有查询的数据!")
}
}
})
})
//jquery初始化一个数组,遍历赋值选取的id,并传给user/del1
$("#btnDeleteAll").click(function(){
var flag = window.confirm("是否删除");
if(flag ){
var str = new Array();
$("td input[type='checkbox']:checked").each(function(index){
str.push($(this).val());
})
alert(str);
window.location.href="${pageContext.request.contextPath}/user/del1/"+str;
}
})
})
</script>
jquery中循环遍历给数组赋值
var str = new Array();
$("td input[type='checkbox']:checked").each(function(index){
str.push($(this).val());
})