189 8069 5689

Django中的ajax是什么

本篇文章给大家分享的是有关Django中的ajax是什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联是一家专注于网站制作、成都做网站与策划设计,延寿网站建设哪家好?创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:延寿等地区。延寿做网站价格咨询:18980820575

AJAX

Asynchronous Javascript And XML是 "异步Javascript和XML"。即使用 Javascript 语言与服务器进行异步交互,传输的数据为XML。

同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求;

异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。

优点:

AJAX使用Javascript技术向服务器发送异步请求;

AJAX无须刷新整个页面;

因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高;

缺点:

AJAX并不适合所有场景,很多时候还是要使用同步交互;

AJAX虽然提高了用户体验,但无形中向服务器发送的请求次数增多了,导致服务器压力增大;

因为AJAX是在浏览器中使用Javascript技术完成的,所以还需要处理浏览器兼容性问题;

大概步骤:

step 1: var xmlhttp=XMLHttperquest()

step 2: xmlhttp.open("")

step 3: xmlhttp.send("name=klvchen") # 请求体的内容如果为 GET 请求则为 send(null)

step 4: if(xmlhttp.readyState===4 && xmlhttp.status===200) # 监听

ajax 发送GET请求

创建一个 Ajax_lesson 项目 和 app01 应用

修改 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 文件




    
    Title


ajax提交


在 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")

Django中的ajax是什么

ajax 发送POST请求

修改 index.html 文件




    
    Title


ajax提交


修改 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是什么,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


名称栏目:Django中的ajax是什么
标题网址:http://cdxtjz.com/article/jiiseg.html

其他资讯