Django 是由 Python 開發的一個免費的開源網站框架,可以用于快速搭建高性能,優雅的網站!
AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。
AJAX 不是新的編程語言,而是一種使用現有標準的新方法。
AJAX 是與服務器交換數據并更新部分網頁的藝術,在不重新加載整個頁面的情況下。
Ajax
很多時候,我們在網頁上請求操作時,不需要刷新頁面。實現這種功能的技術就要Ajax!
jQuery中的ajax就可以實現不刷新頁面就能向后臺請求或提交數據的功能,我們仍然用它來做django中的ajax,所以先把jquey下載下來,版本越高越好。
一、ajax發送簡單數據類型:
html代碼:在這里我們僅發送一個簡單的字符串
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-"><title></title></head><body><input type="button" onclick="AjaxSubmit();" value="提交"><script src="/static/jquery-...min.js"></script><script>function AjaxSubmit(){var host = '...';var port = '';$.ajax({url:"/app/ajax_submit/",type:'POST',data:{host:host,port:port},success: function (arg) {}});}</script></body></html>
django下app里views.py
# coding:utf-8from django.shortcuts import render,HttpResponsedef ajax_submit(request):print request.POST #客戶端發來的數據return render(request,'ajax_submit.html')
打印出來的數據樣式:
二、ajax發送復雜的數據類型:
html代碼:在這里我們僅發送一個列表中包含字典數據類型
由于發送的數據類型為列表 字典的格式,我們提前要把它們轉換成字符串形式,否則后臺程序接收到的數據格式不是我們想要的類型,所以在ajax傳輸數據時需要JSON
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-"><title></title></head><body><input type="button" onclick="AjaxSubmit_set();" value="提交集合"><script src="/static/jquery-...min.js"></script><script>function AjaxSubmit_set(){var data_list = [{'name':'chenchao','age':},{'name':'lisi','age':},{'name':'wangwu','age':}];$.ajax({url:"/app/ajax_submit_set/",type:'POST',tradition:true, 原生模式data:{data:JSON.stringify(data_list)},success: function (arg) {}});}</script></body></html>
django下app里views.py
def ajax_submit_set(request):print request.POSTreturn render(request,'ajax_submit.html')
打印出來的數據樣式:
新聞熱點
疑難解答
圖片精選