ajax 基本操作（批量操作）

最新推荐文章于 2022-06-22 10:46:00 发布

原创最新推荐文章于 2022-06-22 10:46:00 发布 · 617 阅读

0 ·

CC 4.0 BY-SA版权

java 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现批量删除购物车中已选商品的方法。通过遍历复选框收集用户选择的商品ID，并利用Ajax向后台发送POST请求来完成删除操作。文章详细展示了前端代码实现过程。

//批量删除购物车中的商品
function deleteProductList(){
var checkboxs=document.getElementsByName("checkbox");
var ids='';
for(var i=0;i<checkboxs.length;i++){
if(checkboxs[i].checked){
ids+=checkboxs[i].value + ',';

}
}
if(ids.length==0){
alert("至少选择一条!");
}else{
var deleteMessage={
"ids":ids
};
$.ajax({
url:ctxInterface+"/api/buycar/deleteBuyCar.json",// url
type:"post",
data:JSON.stringify(deleteMessage),
contentType : 'application/json',
dataType:"json",
beforeSend: function (xhr) {
xhr.setRequestHeader("Authentication-Token",getCookie("token"));//需要token
},
success:function(data){
if(data.code==200){
alert(data.msg);
location.reload();
}
return false;
},
error:function(){
return false;
}
});
}
}