ajax 前端发含有列表的数据

Posted Welcome to My Blog

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax 前端发含有列表的数据相关的知识，希望对你有一定的参考价值。

在前端页面也可以给后端发送一个包含列表的数据

html

<body>
<h3>index页面 </h3>

<input type="text" name="cal_1">+
<input type="text" name="cal_2">=
<input type="text" name="cal_3">
<button id="b2">计算</button>
<br>
<button id="b3">测试的数据</button>

<script src="/static/js/jquery.js"></script>


<script>

   $("#b3").click(function () {
        $.ajax({
            url: "/ajax_test/", //往这个地址发
            type: "post",
            data: {
                name: "alex",
                age: "33",
                hobby: JSON.stringify(["抽烟", "喝酒", "烫头"])//传多个值的时,用json字符串
            },
            success: function (res) {
                $("[name=‘cal_3‘]").val(res)

            },
        })
    })

</script>

但是前端发送的数据中为什么没有csrftoken呢???

views视图部分

 

def ajax_test(request):
    print(request.POST)
    print(request.POST.get("name"))
    print(request.POST.get("age"))

    hobby=request.POST.get("hobby")
    print(json.loads(hobby))# 把接受的json字符串反序列化

    return HttpResponse("ajax test")

 

以上是关于ajax 前端发含有列表的数据的主要内容，如果未能解决你的问题，请参考以下文章

关键词搜索&分页功能的前端代码(ajax + jQuery)

ajax传参里含有特殊字符的坑

springmvc 前端 发ajax请求的几种方式

（火狐浏览器）前端以FormData类形成表单（含文件），通过ajax提交，PHP后端iconv()报“文件名含有非法字符”且POST中的‘Ttitle’丢失

ajax后台返回的数据如何在HTML上成列表显示，下面的翻页功能怎么来做

JS Ajax异步请求发送列表数据后面多了[]