django的ajax提交示例
Posted 与君同悦
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了django的ajax提交示例相关的知识,希望对你有一定的参考价值。
两条路由:
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={})
以上是关于django的ajax提交示例的主要内容,如果未能解决你的问题,请参考以下文章
html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。