Django中使用Ajax示例

>>最全面的Java面试大纲及答案解析(建议收藏)  

Ajax的简单使用

urls.py:

1
2
3
4
5
6
7
8
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('handle_ajax/', views.handle_ajax),
]

views.py:

1
2
3
4
5
6
7
8
9
10
from django.shortcuts import render, HttpResponse
 
# Create your views here.
def index(request):
 
    return render(request, "index.html")
 
def handle_ajax(request):
 
    return HttpResponse("welcome!")

index.html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/js/jquery-3.4.js"></script>
</head>
<body>
 
<h3>INDEX页面</h3>
 
<button class="btn">提交ajax</button>
 
<p class="show"></p>
 
<script>
    $(".btn").click(function () {
        $.ajax({
            url:"/handle_ajax/",
            type:"get",
            success:function (response) {
                console.log(response);
                $(".show").html(response)
            }
        })
    })
</script>
 
</body>
</html>

通过下面这张图你能更容易理解Ajax请求:

解析:

浏览器发送请求:http://127.0.0.1:8000/index/,服务器响应一个页面,用户点击按钮,触发jQuery事件,执行回调函数中的Ajax,Ajax向服务器发送/handle_ajax/请求,请求成功,则执行success对应的回调函数,返回内容给response,通过response替换p标签。

原文链接:https://www.cnblogs.com/897463196-a/p/11726960.html