Django 之 AJAX简单应用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Django 之 AJAX简单应用相关的知识，希望对你有一定的参考价值。
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简单应用的主要内容，如果未能解决你的问题，请参考以下文章