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>
View Code

如果用户名和密码是Eric 和 123就显示验证成功,否则返回错误信息。

jquery的ajax的方式有$.ajax $.get $.post $.getJson都是ajax请求方式,本质上都是$.ajax

$.get(url="", data={})

以上是关于django的ajax提交示例的主要内容,如果未能解决你的问题,请参考以下文章

AJAX向Django后端提交POST请求

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

ajax向Django前后端提交请求和CSRF跨站请求伪造

Django - AJAX - 如何提交多个表单?

使用Ajax验证并提交Django表单(django-crispy-forms)

47)django-以put和delete方式提交数据