Django Ajax的使用教程

來源：懂視網責編：小采時間：2020-11-27 22:51:40

Django Ajax的使用教程

Django Ajax的使用教程:簡介： AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。 AJAX 不是新的編程語言，而是一種使用現有標準的新方法。 AJAX 是與服務器交換數據并更新部分網頁的藝術，在不重新加載整個頁面的情況下。 Ajax 很多時候，我們在網頁

推薦度：

點擊下載本文 文檔為doc格式

導讀Django Ajax的使用教程:簡介： AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。 AJAX 不是新的編程語言，而是一種使用現有標準的新方法。 AJAX 是與服務器交換數據并更新部分網頁的藝術，在不重新加載整個頁面的情況下。 Ajax 很多時候，我們在網頁

簡介：

AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。

AJAX 不是新的編程語言，而是一種使用現有標準的新方法。

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')

打印數據樣式：