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>