在JSP的某个数据的URL属性中传递var类型变量

今日在学习中，研究了jsp批量删除，除了id数组去重之外，还有一个技术难点是var类型变量的传递。

例如我们需要批量删除商品

<a href="%{pageContext.request.contextPath}/goods/deleteByIds"+ids>批量删除</a>

我们可以给这个a标签设一个id

<a id="del" href="${pageContext.request.contextPath}/goods/deleteByIds">批量删除</a>

var del = document.getElementById("del");

var dhref = del.href;

那么我们得到了去重处理的id的集合，ids

var ids=[];

我们就可以做如下拼接

dhref= dhref+"?ids="+ids;

那么，我们此时点击这个“批量删除“的a标签的时候，a.href是未经处理的，所以我们需要一个onclick函数

例如<input type="button" onclick=deleteByIds（）>批量删除</input>

那么，在script部分，我们需要定义一个deleteByIds（）函数

function deleteByIds(){

location.href=" ${pageContext.request.contextPath}/goods/deleteByIds?ids="+ids;

}

实践发现不可实现，现补充案例如下

案例是给一个用户赋予多个权限，多个权限用其对应的主键 id 为参数，组成了 一个id数组，传给springMVC，然后springMVC传给mybatis，然后mybatis批量插入。其实类似的场景还有批量删除多个，也是类似的。
1. 前台页面
<thead><tr><th>权限选择</th><th>name</th><th>permission</th></tr></thead>
<c:forEach var="priv" items="${list }">
<tr class="odd gradeX">
<td><input type="checkbox" name="priv_id" value="${priv.id}" /></td>
<td><c:out value="${priv.name}"/></td>
<td><c:out value="${priv.permission}"/></td>
</tr>
</c:forEach>

2. jquery获得选中的项的id值：
//jquery获取复选框值
var priv_ids =[];//定义一个数组
$('input[name="priv_id"]:checked').each(function(){ // 遍历每一个name为priv_id的复选框，其中选中的执行函数
priv_ids.push($.trim($(this).val())); // 将选中的值添加到数组priv_ids中
});
console.log(priv_ids);
var indata = {userId:user_id, privIds:priv_ids};
$.post("/ems/priv/setPrivilege", indata, function(data){
if(data != null && data.result == 'ok'){
console.log(data.msg);
alert(data.msg);
}else{
alert(data.msg);
}
}, 'json');

提交的json格式的数据：var indata = {userId:user_id, privIds:priv_ids};
其中的 priv_ids 是一个有 id 组成的数组。
3. springMVC接收数组参数：
@RequestMapping(value="/setPrivilege")
@ResponseBody
public void setPrivilege(@RequestParam(value = "privIds[]") Integer[] privIds, Integer userId, PrintWriter writer){
System.out.println(JSON.toJSONString(privIds));
System.out.println(JSON.toJSONString(userId));
int result = this.privilegeService.setPrivilegeForUser(privIds, userId);
System.out.println("result=" + JSON.toJSONString(result));
Map<String, String> map = new HashMap<>();
if(result > 0){
map.put("result", "ok");
map.put("msg", "设置成功");
writer.write(JSON.toJSONString(map));
}
}

看到使用了：@RequestParam(value = "privIds[]") Integer[] privIds 来获取前台传来的数组参数。
springMVC接收参数时，最好不要使用 int, long等原始类型，而应该使用它们对应的包装类型，不然当传入的参数为空时，会报错，而包装类型可以使用null表示传入的空值。
4. service层的处理，很简单，直接使用map向mybatis传递参数：
@Service("privilegeService")
@Transactional
public class PrivilegeServiceImpl implements PrivilegeService {
@Autowired
private PrivilegeMapper privilegeMapper;

@Override
@Transactional(readOnly=true)
public List<Privilege> getAllPrivilege() {
return privilegeMapper.getAllPrivilege();
}

@Override
public int setPrivilegeForUser(Integer[] privIds, Integer userId) {
Map<String, Object> map = new HashMap<>();
map.put("privIds", privIds);
map.put("userId", userId);
return this.privilegeMapper.setPrivilegeForUser(map);
}
}

5. 最后看 mybatis 的 xml 中的sql如何写：
<insert id="setPrivilegeForUser" parameterType="map">
insert into user_privilege(user_id, privilege_id) values
<foreach collection="privIds" index="index" item="item" separator=",">
( #{userId}, #{item} )
</foreach>
</insert>

看到使用了 foreach 来循环传递进来的数组 privIds，最后组成的 sql语句 如下所示：
insert into user_privilege(user_id, privilege_id) values (3, 1),(3,2),(3，3),(3,4)

user_id 不变，而privilege_id 是数组 privIds 中的循环出来的 id 值。其实就是数据库的批量插入。
6. 批量删除多个的处理
删除时，和前面批量插入处理也是极其类似的，只在最后mybatis中xml中sql的写法有点区别：
<delete id="deleteByIds" parameterType="java.util.List">
delete from user_privilege where id in
<foreach collection="list" index="index" item="item" open="(" separator="," close=")">
#{item}
</foreach>
</delete>

比较批量删除和批量插入，可以看出 foreach 中的 open="(" 和 close=")" 只在循环的 开始和结束 会加上，而 separator="," 是每循环一次，就加一次逗号。
7. 批量插入传入对象List的例子：
<insert id="batchInsertStudent" parameterType="java.util.List">
insert into student (id,name,sex,tel,address) values
<foreach collection="list" item="item" index="index" separator="," >
(#{item.id},#{item.name},#{item.sex},#{item.tel},#{item.address})
</foreach>
</insert>

实践当中，我们可以在遍历方法中进行一些修改

$('input[name="priv_id"]:checked').each(function(){ // 遍历每一个name为priv_id的复选框，其中选中的执行函数
priv_ids.push($.trim($(this).val())); // 将选中的值添加到数组priv_ids中
});
console.log(priv_ids);
var indata = {userId:user_id, privIds:priv_ids};
$.post("/ems/priv/setPrivilege", indata, function(data){
if(data != null && data.result == 'ok'){
console.log(data.msg);
alert(data.msg);
}else{
alert(data.msg);
}
}, 'json');

在点击删除的时候，传参给后台，同时触发Controller的getIds方法，得到id的数组，但是此时必须同时调用另一方法deleteByIds，在Controller类中，将得到id数组传参入deleteByIds方法中，达成批量删除的目的

小结：前台只负责调用传参的函数，后台负责在得到参数的同时，调用批量删除的方法

那么,博主自身投机取巧的代码附在了下方

@RequestMapping(value = "/setIds",method = RequestMethod.POST)
void setIds(HttpServletRequest request, Page page) throws IOException {
    String ids = request.getParameter("ids");
    if(ids!=null){
        System.out.println(ids);
        String[] strArray = ids.split(",");
        Integer[] intArray = new Integer[strArray.length];
        for(int i=0;i<intArray.length;i++){
            intArray[i]=Integer.parseInt(strArray[i]);
        }
        goodsService.deleteByIds(intArray);
    }

    goodsService.queryAll(page);

<button id="del" type="button" class="btn btn-danger" onclick="delByIds()">删除商品</button>
var ids = [];
经过处理,博主终于得到了处理好的无重复元素的数组ids啦,但是想简化前台代码的传输,所以直接使用了ids.toString(),也比JSON.Stringfy()方法好用一点,方便java后台处理,具体处理方法不赘述了
从上面可以看出,博主没有给ajax添加返回函数,而是直接在controller中添加了
goodsService.queryAll(page); 这一步骤,有投机取巧之嫌~功能是完成了,但是不建议大家使用哦

function delByIds() {
    $.post("${pageContext.request.contextPath}/goods/setIds",{"ids":ids.toString()});
    location.href="${pageContext.request.contextPath}/goods/queryall";
}
那么如果我们传输的数组更为复杂,我们可以用gson直接处理,链接如下

以后也方便自己复习,记忆,查找

http://blog.youkuaiyun.com/zitongchen/article/details/53053832