您好,登錄后才能下訂單哦!
本篇文章給大家分享的是有關(guān)Django中的ajax是什么,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
AJAX
Asynchronous Javascript And XML是 "異步Javascript和XML"。即使用 Javascript 語言與服務(wù)器進(jìn)行異步交互,傳輸?shù)臄?shù)據(jù)為XML。
同步交互:客戶端發(fā)出一個(gè)請求后,需要等待服務(wù)器響應(yīng)結(jié)束后,才能發(fā)出第二個(gè)請求;
異步交互:客戶端發(fā)出一個(gè)請求后,無需等待服務(wù)器響應(yīng)結(jié)束,就可以發(fā)出第二個(gè)請求。
優(yōu)點(diǎn):
AJAX使用Javascript技術(shù)向服務(wù)器發(fā)送異步請求;
AJAX無須刷新整個(gè)頁面;
因?yàn)榉?wù)器響應(yīng)內(nèi)容不再是整個(gè)頁面,而是頁面中的局部,所以AJAX性能高;
缺點(diǎn):
AJAX并不適合所有場景,很多時(shí)候還是要使用同步交互;
AJAX雖然提高了用戶體驗(yàn),但無形中向服務(wù)器發(fā)送的請求次數(shù)增多了,導(dǎo)致服務(wù)器壓力增大;
因?yàn)锳JAX是在瀏覽器中使用Javascript技術(shù)完成的,所以還需要處理瀏覽器兼容性問題;
大概步驟:
step 1: var xmlhttp=XMLHttperquest()
step 2: xmlhttp.open("")
step 3: xmlhttp.send("name=klvchen") # 請求體的內(nèi)容如果為 GET 請求則為 send(null)
step 4: if(xmlhttp.readyState===4 && xmlhttp.status===200) # 監(jiān)聽
ajax 發(fā)送GET請求
創(chuàng)建一個(gè) Ajax_lesson 項(xiàng)目 和 app01 應(yīng)用
修改 urls.py 文件
from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('index/', views.index), path('ajax_receive/', views.ajax_receive), ]
在 tempates 文件夾中添加 index.html 文件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button onclick="func1()">ajax提交</button> </body> <script> function createXMLHttpRequest() { var xmlHttp; try{ xmlHttp = new XMLHttpRequest(); } catch (e) { try { // 適用于IE6 xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch (e) { try { // 適用于IE5.5,以及IE更早版本 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }catch (e) { } } } return xmlHttp; } function func1() { var xmlhttp = createXMLHttpRequest() xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ var data = xmlhttp.responseText; alert(data); } } xmlhttp.open("GET", "/ajax_receive/", true); xmlhttp.send(null); } </script> </html>
在 views.py 上修改
from django.http import HttpResponse from django.shortcuts import render # Create your views here. def index(request): return render(request,'index.html') def ajax_receive(request): print('ok') return HttpResponse("hello world2")
ajax 發(fā)送POST請求
修改 index.html 文件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button onclick="func1()">ajax提交</button> </body> <script> function createXMLHttpRequest() { var xmlHttp; try{ xmlHttp = new XMLHttpRequest(); } catch (e) { try { // 適用于IE6 xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch (e) { try { // 適用于IE5.5,以及IE更早版本 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }catch (e) { } } } return xmlHttp; } function func1() { var xmlhttp = createXMLHttpRequest() xmlhttp.open("POST", "/ajax_receive/", true); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlhttp.send("name=klvchen"); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ var data = xmlhttp.responseText; alert(data); } } } </script> </html>
修改 views.py 文件
from django.http import HttpResponse from django.shortcuts import render # Create your views here. def index(request): return render(request,'index.html') def ajax_receive(request): if request.method=="POST": print("req.POST", request.POST) return HttpResponse("hello world2")
在 settings.py 文件中注釋
#'django.middleware.csrf.CsrfViewMiddleware',
以上就是Django中的ajax是什么,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。