Django中怎么利用jquery完成ajax的验证和数据提交

最新推荐文章于 2021-08-06 16:36:29 发布

mk_csdn

最新推荐文章于 2021-08-06 16:36:29 发布

阅读量309

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/mk_csdn/article/details/79479993

本文介绍了一个使用Django实现的简单AJAX用户名验证系统。该系统通过前端输入用户名，并发送AJAX请求到后端进行验证，后端检查数据库中是否存在相同用户名，然后返回结果给前端显示。文章详细展示了HTML、JavaScript代码及Django视图函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<title>Document</title>

</head>
<body>
<form action="" method="post">

</form>
</body>

</html>

# 此部分为加载的login.js

$(function(){

$("[name='uname']").click(function(){

var username = $(this).val();

if(username==""){

$("show-name").html("用户名不能为空");

return;

}$.ajax({

url:"/index/test/",

data:{"username":username, "type":"自定义名称，以便处理对应的ajax"},

type:"type",

dataType:"json",

async:"true",

success:function(data,status,xhr){

console.log("成功获取服务器响应");

msg = data.msg;

if(msg=="ok"){

$("show-name").html("用户名可以使用");

} else{

$("show-name").html("用户名已存在"); }

error:function(xhr,status,error){

console.log(error);

console.log(status);

}

})

# 需要在django中对应函数上加上

# 必须导入下面的csrf_exempt ,不然会出现403错误

from django.views.decorators.csrf import csrf_exempt

import json

# 这是视图处理的函数

@csrf_exempt
def test_views(request):
    type = request.POST.get('type')
    if type == 'hasuser':# 这是ajax中自定义的type类型，以便自己好对应处理
        username = request.POST.get('username', None)
        print("username------->", username)
        if username:
            count = User.objects.filter(uname=username).count()
            if count > 0:
                result = dict(msg='no_ok')
            else:
                result = dict(msg='ok')
            # 必须要返回一个json字符串给ajax
            return HttpResponse(json.dumps(result))