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, ServerPoolfrom django.shortcuts import HttpResponse,render,redirectdef 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标签上