1. 程式人生 > >python-django中的ajax請求

python-django中的ajax請求

 在檢視檔案中定義:
       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),