Django Ajax返回JSON（字典，列表）

最新推荐文章于 2022-10-13 16:41:38 发布

zju_cxl

最新推荐文章于 2022-10-13 16:41:38 发布

阅读量1.8k

点赞数

分类专栏： Django 文章标签： python web django ajax

本文链接：https://blog.csdn.net/hrbust_cxl/article/details/106751008

版权

Django 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

Django返回JSON的操作如下：

urls.py先注册路由：

    path('list/', views.ajax_list, name='ajax_list'),
    path('t/', views.home, name='tt'),
    path('add/', views.add, name='add'),

视图层views.py中写界面：

def ajax_list(request):
    a = list(range(100))
    return JsonResponse(a, safe=False)


def ajax_dict(request):
    name_dict = {'twz': 'Love python and Django', 'zqxt': 'I am teaching Django'}
    return JsonResponse(name_dict)

此时，输入网址，即可查看内容，如下：

编写模板，index.html:

<!DOCTYPE html>
<html>
<body>
<p>请输入两个数字</p>
<form action="/add/" method="get">
    a: <input type="text" id="a" name="a"> <br>
    b: <input type="text" id="b" name="b"> <br>
    <p>result: <span id='result'></span></p>
    <button type="button" id='sum'>提交</button>
</form>


<div id="dict">Ajax 加载字典</div>
<p id="dict_result"></p>

<div id="list">Ajax 加载列表</div>
<p id="list_result"></p>


<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
      // 求和 a + b
      $("#sum").click(function(){
        var a = $("#a").val();
        var b = $("#b").val();

        $.get("/t/add/",{'a':a,'b':b}, function(ret){
            $('#result').html(ret);
        })
      });

      // 列表 list
      $('#list').click(function(){
          $.getJSON('/t/list/',function(ret){
            console.log(ret);
            //返回值 ret 在这里是一个列表
            for (var i = ret.length - 1; i >= 0; i--) {
              // 把 ret 的每一项显示在网页上
              $('#list_result').append(' ' + ret[i])
            };
          })
      });

      // 字典 dict
      $('#dict').click(function(){
          $.getJSON('/t/dict/',function(ret){
              console.log(ret);
              //返回值 ret 在这里是一个字典
              $('#dict_result').append(ret.twz + '<br>');
              // 也可以用 ret['twz']
          })
      })
    });
</script>
</body>
</html>

启动服务器，运行，输入网址，结果如下：

zju_cxl

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Django Ajax返回JSON（字典，列表）

Django返回JSON的操作如下：urls.py先注册路由： path('list/', views.ajax_list, name='ajax_list'), path('t/', views.home, name='tt'), path('add/', views.add, name='add'),视图层views.py中写界面：def ajax_list(request): a = list(range(100)) return JsonRe
复制链接

扫一扫