python-django中的ajax请求

最新推荐文章于 2024-03-26 23:14:39 发布

原创最新推荐文章于 2024-03-26 23:14:39 发布 · 862 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#python #django #ajax

思普大数据技术专栏收录该内容

34 篇文章

订阅专栏

本文介绍如何使用Django框架处理数据请求，并通过Ajax在前端展示数据。具体包括在视图中定义数据处理函数，利用jQuery发起Ajax请求，以及在settings.py中设置静态文件路径。

 在视图文件中定义：
       from django.http import JsonResponse
       from .models import Students
       def userList(request):
           stuList = Students.objects.all()
           list = []
           for stu in stuList:
               list.append([stu.id,stu.sname,stu.sage,stu.sgender])
           return JsonResponse({"data":list})

   在html文件中定义：
       <script language="JavaScript" type="text/javascript" src="/static/js/jquery-3.3.1.min.js"></script>
       <script>
         $(document).ready(function(){
           console.log(111111)
           $("#getBtn").click(function(){
               $.ajax({
                   type:"get",
                   url:"/userList/",
                   dataType:"json",
                   success:function(data){
                       console.log(data)
                       $.each(data.data,function(n,value){
                          // alert(value)
                           var str = "<tr><td>" + value[0]+"</td><td>" + value[1] +"</td><td>" + value[2] +"</td><td>" + value[3] +"</td></tr>"
                           $("#datalist").append(str);
                       })
                   }
               });
           });
          });
       </script>

   在setting.py文件中添加静态路径：
       STATICFILES_DIRS = (
           os.path.join(os.path.dirname(__file__), '..', 'static').replace('\\','/'),
           os.path.join('static'),
       )
在app的urls.py配置文件中配置路径：
        url('userList/',views.userList),