Django 之 AJAX简单应用

最新推荐文章于 2022-09-08 16:18:55 发布

H_MZ

最新推荐文章于 2022-09-08 16:18:55 发布

阅读量196

点赞数

文章标签： python javascript ldap ViewUI

原文链接：http://blog.51cto.com/12965094/2411159

版权

html页面

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

    <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简单应用

转载于:https://blog.51cto.com/12965094/2411159

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

H_MZ

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django 之 AJAX简单应用

html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <h1>index首页</h1> ...
复制链接

扫一扫