Django Ajax的使用，djangoajax使用

最後更新：2017-06-03 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

Django Ajax的使用，djangoajax使用
簡介：

AJAX = Asynchronous JavaScript and XML（非同步 JavaScript 和 XML）。

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

AJAX 是與伺服器交換資料並更新部分網頁的藝術，在不重新載入整個頁面的情況下。

Ajax

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

jQuery中的ajax就可以實現不重新整理頁面就能向後台請求或提交資料的功能，現用它來做django中的ajax，所以先把jquey下載下來，版本越高越好。

一、ajax發送單一資料型別：

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

views.py

 1 #coding:utf8 2 from django.shortcuts import render,HttpResponse,render_to_response 3  4 def Ajax(request): 5     if request.method=='POST': 6         print request.POST 7  8         return HttpResponse('執行成功') 9     else:10         return render_to_response('app03/ajax.html')

ajax.html

 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Ajax</title> 6 </head> 7 <body> 8     <input id='name' type='text' /> 9     <input type='button' value='點擊執行Ajax請求' onclick='DoAjax()' />10 11     <script src='/static/jquery/jquery-3.2.1.js'></script>12     <script type='text/javascript'>13      function  DoAjax(){14          var temp = $('#name').val();15          $.ajax({16              url:'app03/ajax/',17              type:'POST',18              data:{data:temp},19              success:function(arg){20                  console.log(arg);21              },22              error:function(){23                  console.log('failed')24              }25          });26      }27     </script>28 </html>

運行，結果：

二、ajax發送複雜的資料類型：

html代碼：在這裡僅發送一個列表中包含字典資料類型

由於發送的資料類型為列表字典的格式，我們提前要把它們轉換成字串形式，否則背景程式接收到的資料格式不是我們想要的類型，所以在ajax傳輸資料時需要JSON

 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Ajax</title> 6 </head> 7 <body> 8     <input id='name' type='text' /> 9     <input type='button' value='點擊執行Ajax請求' onclick='DoAjax()' />10 11     <script src='/static/jquery/jquery-3.2.1.js'></script>12     <script type='text/javascript'>13      function  DoAjax(){14          var temp = $('#name').val();15          $.ajax({16              url:'app03/ajax/',17              type:'POST',18              data:{data:temp},19              success:function(arg){20                  var  obj=jQuery.parseJSON(arg);21                  console.log(obj.status);22                  console.log(obj.msg);23                  console.log(obj.data);24                  $('#name').val(obj.msg);25              },26              error:function(){27                  console.log('failed')28              }29          });30      }31     </script>32 </html>

views.py

 1 #coding:utf8 2 from django.shortcuts import render,HttpResponse,render_to_response 3 import json 4  5 # Create your views here. 6 def Ajax(request): 7     if request.method=='POST': 8         print request.POST 9         data  = {'status':0,'msg':'請求成功','data':['11','22','33']}10         return HttpResponse(json.dumps(data))11         12     else:13         return render_to_response('app03/ajax.html')

列印資料樣式：

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More