ajax的traditional属性

最新推荐文章于 2023-04-19 21:45:47 发布

原创最新推荐文章于 2023-04-19 21:45:47 发布 · 2.4w 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #traditional

UI 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何通过设置$.ajax的traditional参数为true来避免jQuery深度序列化对象的问题，从而简化复选框多个ID的传递过程。

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

$.ajax({
    type: 'post',
    url: "/eventVmChange/eventVmChange-confirmChange.html", /*确认变更*/
    dataType: 'json',
    //防止深度序列化
    traditional: true,
    data: {"idList": idList},
    success: function () {
        mini.alert("变更成功");
        self.vmConfDetection.reload();
    },
    error: function () {
        mini.alert("变更失败");
        self.vmConfDetection.reload();
    }

});

这个idList 是复选框选中记录的一个数组，在没有加上traditional:true之前，jquery.param()解析出错了，后台获取到的idList为空

查询这个属性得知，这个属性默认是false,jquery会深度序列化这个对象，以适应PHP等框架，我们可以通过设置tradtional为true阻止深度序列化

这样以后碰到复选框传多个id的时候就不用前台拼后台spilt了，直接用ajax的traditional属性，传过去一个数组，后台直接一个List<Long> idList接受即可。非常方便。