ajax--->简单加法小练习
index.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
</head>
<body>
<input type="number" class="a"> + <input type="number" class="b"> = <input type="number" class="c">
<p><button class="Ajax_send">Ajax_send</button></p>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script>
$(".Ajax_send").click(function () {
$.ajax({
url:"/get_ajax/",
type:"GET",
data:{
a:$(".a").val(),
b:$(".b").val()
},
success:function (data) {
$(".c").val(data)
}
})
})
</script>
</body>
</html>
views.py
from django.shortcuts import render,HttpResponse # Create your views here. def index(request): return render(request,"index.html") def get_ajax(request): first=request.GET.get("a") second=request.GET.get("b") reg= float(first)+float(second) return HttpResponse(reg)
urls.py
from django.conf.urls import url from django.contrib import admin from app01 import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^index/',views.index), url(r'^get_ajax/', views.get_ajax), ]