如何用AJax提交name[]数组？

最新推荐文章于 2021-08-05 23:22:52 发布

转载最新推荐文章于 2021-08-05 23:22:52 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/junzilan/p/5424120.html

本文探讨了在使用JQuery的Ajax进行数组提交时遇到的问题，并提供了有效的解决方案。通过序列化表单和使用$.each遍历的方式成功实现了数组的提交。

今天开发的时候遇到了这么一个问题：Jquery的Ajax如何提交[name][]数组呢？众所周知 name后面加[]可以直接向服务器传输数组，但是Ajax不行，直接使用name[]会直接报错。

示例：

        $.ajax({
            url:"${ctx}/addcart",
            type:"post",
            data:{“name[]”:$(".pid").val()},
            dataType:"text",
            traditional : true,
            success:function (data) {
                if (data != "0"){
                    $(".cartlist span").text(Number($(".cartlist span").text())+Number(data));
                    Showbo.Msg.alert("已经添加到购物车");
                }else{
                    window.location.href="${ctx}/login";
                }
            }
        })

有大神提示说可以把form序列化提交

        $.ajax({
            url:"${ctx}/addcart",
　　　　　　　cache: true,
            type:"post",
            data:$('#yourformid').serialize(),
            dataType:"text",
            traditional : true,
            success:function (data) {
                if (data != "0"){
                    $(".cartlist span").text(Number($(".cartlist span").text())+Number(data));
                    Showbo.Msg.alert("已经添加到购物车");
                }else{
                    window.location.href="${ctx}/login";
                }
            }
        })

然并卵，仍然会报400

我的处理方式：

        $.each($(".pid").serializeArray(), function(i, field){
            pid.push(field.value);
        });
        $.ajax({
            url:"${ctx}/addcart",
            type:"post",
            data:{pid:pid},
            dataType:"text",
            traditional : true,
            success:function (data) {
                if (data != "0"){
                    $(".cartlist span").text(Number($(".cartlist span").text())+Number(data));
                    Showbo.Msg.alert("已经添加到购物车");
                }else{
                    window.location.href="${ctx}/login";
                }
            }
        })
    }

其实很迷，不知道为什么加了中括号就呵呵

转载于:https://www.cnblogs.com/junzilan/p/5424120.html