溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Django 之 AJAX簡單應用

發(fā)布時間:2020-07-23 07:58:38 來源:網絡 閱讀:311 作者:wx592bc92b285c7 欄目:編程語言

html頁面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h2>index首頁</h2>

    <input type="text" id="i1">+
    <input type="text" id="i2">=
    <input type="text" id="i3">
    <input type="button" value="ajax提交" id="b1"><br>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
    $("#b1").on("click",function () {
        $.ajax({
            url:"/ajax_add/",
            type:"GET",
            data:{"i1":$("#i1").val(),"i2":$("#i2").val()},
            success:function (data) {
                $("#i3").val(data);
            }
        })
    })
</script>
</body>
</html>

后臺程序代碼

from ldap3 import Server, Connection, ALL, SUBTREE, ServerPool
from django.shortcuts import HttpResponse,render,redirect

def index(request):
    return render(request,"index.html")

def ajax_add(request):
    i1 = int(request.GET.get("i1"))
    i2 = int(request.GET.get("i2"))

    ret = i1+i2
    return  HttpResponse(ret)

運行結果

當在文框輸入1和2時,點擊ajax會提交后臺并返回3的結果,賦值到i3標簽上
Django 之  AJAX簡單應用

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI