两条路由:
path('ajax_submit/', views.ajax_submit), path('add/', views.add),
在模版文件夹里写出html，add.html
def add(request): return render(request, 'add.html') def ajax_submit(request): print(request.method) u = request.GET.get('username', None) p = request.GET.get('password', None) if u and u == 'Eric' and p and p == '123': return HttpResponse('OK') else: return HttpResponse('用户名或密码错误')
jquery实现ajax提交:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div> <form action=""> <input id="username" type="text" placeholder="用户名" name="username"> <input id="password" type="text" placeholder="密码" name="password"> <input type="button" value="ajax提交"> </form> </div> <script src="/static/jquery-1.12.4.js"></script> <script> $(function(){ $(':button').click(function(){ $.ajax({ url: '/app01/ajax_submit/', type: 'GET', data: { 'username':$('#username').val(), 'password':$('#password').val(), }, success: function(data){ if(data=='OK'){ alert('验证成功'); }else{ alert(data) } } }) }) }) </script> </body> </html>
如果用户名和密码是Eric 和 123就显示验证成功，否则返回错误信息。
jquery的ajax的方式有$.ajax $.get $.post $.getJson都是ajax请求方式，本质上都是$.ajax
$.get(url="", data={})