ajax提交 data中包含数组时(list)，需要加入参数traditional:true

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

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

2 ·

CC 4.0 BY-SA版权

Python 同时被 3 个专栏收录

60 篇文章

订阅专栏

django

27 篇文章

订阅专栏

ajax

6 篇文章

订阅专栏

本文介绍如何在AJAX请求中使用traditional参数确保服务器端能正确接收数组形式的数据。通过设置traditional:true，可以避免将数组转换为字符串，使服务器能够通过request.POST.getlist方法获取到完整的数组数据。

需要加入参数traditional:true，服务器端提取数据时使用request.POST.getlist("key")获取到一个数组

$.ajax({
    url:"/XXX/",
    data:{"key":[11,22,33]}，
    dataType:JSON,
    traditional:true,
    type:"post",
    success:function(arg){
        console.log(arg);
    }
})

        function addNum(){
            data1 = {"num1":$("#num1").val(),"num2":$("#num2").val()};
            data2={"key":[11,22,33,44]}
            $.ajax({
                url:"/ajax3/",
                type:"GET",
                data:data2,
                traditional:true,
                success:function(args){

                    $("#sum").val(args)
                },
            });
            {#页面刷新#}
            {#window.location.reload()#}
        }