Django中的ajax是什么

本篇文章給大家分享的是有關(guān)Django中的ajax是什么，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

創(chuàng)新互聯(lián)是一家專(zhuān)注于網(wǎng)站制作、成都做網(wǎng)站與策劃設(shè)計(jì),延壽網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:延壽等地區(qū)。延壽做網(wǎng)站價(jià)格咨詢(xún):18980820575

AJAX

Asynchronous Javascript And XML是 "異步Javascript和XML"。即使用 Javascript 語(yǔ)言與服務(wù)器進(jìn)行異步交互，傳輸?shù)臄?shù)據(jù)為XML。

同步交互：客戶端發(fā)出一個(gè)請(qǐng)求后，需要等待服務(wù)器響應(yīng)結(jié)束后，才能發(fā)出第二個(gè)請(qǐng)求；

異步交互：客戶端發(fā)出一個(gè)請(qǐng)求后，無(wú)需等待服務(wù)器響應(yīng)結(jié)束，就可以發(fā)出第二個(gè)請(qǐng)求。

優(yōu)點(diǎn)：

AJAX使用Javascript技術(shù)向服務(wù)器發(fā)送異步請(qǐng)求；

AJAX無(wú)須刷新整個(gè)頁(yè)面；

因?yàn)榉?wù)器響應(yīng)內(nèi)容不再是整個(gè)頁(yè)面，而是頁(yè)面中的局部，所以AJAX性能高；

缺點(diǎn)：

AJAX并不適合所有場(chǎng)景，很多時(shí)候還是要使用同步交互；

AJAX雖然提高了用戶體驗(yàn)，但無(wú)形中向服務(wù)器發(fā)送的請(qǐng)求次數(shù)增多了，導(dǎo)致服務(wù)器壓力增大；

因?yàn)锳JAX是在瀏覽器中使用Javascript技術(shù)完成的，所以還需要處理瀏覽器兼容性問(wèn)題；

大概步驟：

step 1: var xmlhttp=XMLHttperquest()

step 2: xmlhttp.open("")

step 3: xmlhttp.send("name=klvchen") # 請(qǐng)求體的內(nèi)容如果為 GET 請(qǐng)求則為 send(null)

step 4: if(xmlhttp.readyState===4 && xmlhttp.status===200) # 監(jiān)聽(tīng)

ajax 發(fā)送GET請(qǐng)求

創(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請(qǐng)求

修改 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是什么

以上就是Django中的ajax是什么，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前標(biāo)題：Django中的ajax是什么
當(dāng)前路徑：http://chinadenli.net/article46/jiiseg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站制作、定制網(wǎng)站、靜態(tài)網(wǎng)站、建站公司、關(guān)鍵詞優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Django中的ajax是什么