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 src="/static/js/ajax_setup.js"></script>  从请求头中获取64位的cookie值  是在全局范围内加的 有这个文档之后所有的ajax请求都不需要额外再加csrftoken

<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>

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")

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