jquey ajax 发送数组

最新推荐文章于 2023-10-20 09:03:58 发布

原创最新推荐文章于 2023-10-20 09:03:58 发布 · 474 阅读

CC 4.0 BY-SA版权

文章标签：

3 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的功能：通过遍历表格中被选中的复选框，并获取其所在行的数据ID，然后将这些ID集合传递给服务器端进行批量删除操作。文章详细解释了jQuery的选择器用法、事件处理以及与服务器端交互的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var ids = new Array();

$("#menu-table input[type='checkbox']:gt(0)").each(

function(){

if($(this).prop("checked")){

alert($(this).closest("tr").attr("data-navId"));

ids[ids.length]=$(this).closest("tr").attr("data-navId");

}

})

$.ajax({

url:"../../nav/deleteByIds",

type:"post",

traditional :true,

data:{

"navIds":ids

dataType:"json",

success:function(result){

if(result.status==0){

$("#alert-finish").text(result.msg);

$("#alert-finish").slideDown(200);

setTimeout(function(){$('#alert-finish').slideUp(200);window.location.reload();}, 2000);

}

})

默认的话，traditional为false，即jquery会深度序列化参数对象，以适应如PHP和Ruby on Rails框架，

但servelt api无法处理，我们可以通过设置traditional 为true阻止深度序列化，然后序列化结果如下(示例)： ?

 
        p: [
        "123"
        , 
        "456"
        , 
        "789"
        ]    =>    p=123&p=456&p=456