Django Ajax的使用教程

2024-09-01 08:30:26

字體：大中小

來源：轉載

供稿：網友

　　ajax是集成在一起的，它都是以減少頁面加載數量的技術組合起來的，通常我們使用ajax來減輕最終用戶的體驗，那么下面就讓我們一起來了解Django Ajax的使用教程吧！

Ajax

　　很多時候，我們在網頁上請求操作時，不需要刷新頁面。實現這種功能的技術就要Ajax！

jQuery中的ajax就可以實現不刷新頁面就能向后臺請求或提交數據的功能，現用它來做django中的ajax，所以先把jquey下載下來，版本越高越好。

一、ajax發送簡單數據類型：

html代碼：在這里我們僅發送一個簡單的字符串

views.py

 #coding:utf8 from django.shortcuts import render,HttpResponse,render_to_response def Ajax(request):   if request.method=='POST':     print request.POST     return HttpResponse('執行成功')   else:     return render_to_response('app03/ajax.html')

ajax.html

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ajax</title> </head> <body>   <input id='name' type='text' />   <input type='button' value='點擊執行Ajax請求' onclick='DoAjax()' />   <script src='/static/jquery/jquery-3.2.1.js'></script>   <script type='text/javascript'>   function DoAjax(){     var temp = $('#name').val();     $.ajax({       url:'app03/ajax/',       type:'POST',       data:{data:temp},       success:function(arg){         console.log(arg);       },       error:function(){         console.log('failed')       }     });   }   </script> </html>

運行，結果：

二、ajax發送復雜的數據類型：

html代碼：在這里僅發送一個列表中包含字典數據類型

由于發送的數據類型為列表字典的格式，我們提前要把它們轉換成字符串形式，否則后臺程序接收到的數據格式不是我們想要的類型，所以在ajax傳輸數據時需要JSON

<!DOCTYPE html> <html> <head> <meta charset="UTF-"> <title>Ajax</title> </head> <body>   <input id='name' type='text' />   <input type='button' value='點擊執行Ajax請求' onclick='DoAjax()' />   <script src='/static/jquery/jquery-3.2.1.js'></script>   <script type='text/javascript'>   function DoAjax(){     var temp = $('#name').val();     $.ajax({       url:'app03/ajax/',       type:'POST',       data:{data:temp},       success:function(arg){         var obj=jQuery.parseJSON(arg);         console.log(obj.status);         console.log(obj.msg);         console.log(obj.data);         $('#name').val(obj.msg);       },       error:function(){         console.log('failed')       }     });   }   </script> </html>

views.py

 #coding:utf from django.shortcuts import render,HttpResponse,render_to_response import json # Create your views here. def Ajax(request):   if request.method=='POST':     print request.POST     data = {'status':,'msg':'請求成功','data':['','','']}     return HttpResponse(json.dumps(data))   else:     return render_to_response('app/ajax.html')

打印數據樣式：