zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    静态与非静态(转改)
    关于odp.net的FetchSize属性
    SQL_SERVER 导oracle(转)
    win7电脑上wifi
    Oracle对象统计信息
    SQL_SERVER 连接oracle(转)
    linq in 语法
    关于引擎的设计
    温习设计模式
    技巧类
  • 原文地址:https://www.cnblogs.com/kenD/p/10125989.html
Copyright © 2011-2022 走看看