文章目录
from app01 import views
urlpatterns = [
url(r'^ajax_test/$', views.ajax_test),
url(r'^calc/$', views.calc)
]
def ajax_test(request):
return render(request, 'calc.html')
def calc(request):
print(request.POST)
i1 = int(request.POST.get("i1"))
i2 = int(request.POST.get("i2"))
i3 = int(request.POST.get("i3"))
if i1 + i2 == i3:
return HttpResponse("正确")
else:
return HttpResponse("错误")
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>calc</title>
</head>
<body>
{% csrf_token %}
<input type="text" id="i1">+<input type="text" id="i2">=<input type="text" id="i3">
<input type="button" value="ajax提交" id="b1">
<p><span id="check"></span></p>
<script src="/static/jQuery/jQuery3.4.1.min.js"></script>
<script>
$("#b1").click(function () {
$.ajax({
url: "/calc/",
type: "post",
data: {
"i1": $("#i1").val(),
"i2": $("#i2").val(),
"i3": $("#i3").val(),
"csrfmiddlewaretoken": $("[name='csrfmiddlewaretoken']").val()
},
success: function (res) {
console.log(res);
if (res) {
$("#check").text(res);
}
},
error: function (err) {
console.log(err);
}
})
})
</script>
</body>
</html>