ajax post提交数据_django 的ajax提交与表单提交记录

最新推荐文章于 2024-06-21 10:00:32 发布

weixin_39683692

最新推荐文章于 2024-06-21 10:00:32 发布

阅读量116

点赞数

文章标签： ajax post提交数据 ajax success function ajax如何提交多表单的值 ajax局部刷新 ajax提交 post form 数据丢失 ajax提交form表单数据

好记性不如烂笔头；

据说的ajax提交比表单提交要好，可以不用重新刷新页面；

表单提交：MTV模式

# 局部禁用csrf保护

显示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="/hello/csrf/" method="post">
{#    {% csrf_token %}#}
    用户名：<input type="text" name="username"> <br>
    <input type="submit">
</form>
</body>
</html>

运行python manage.py runserver,输入地址：

ajax提交，参照教程；

def handle_ajax(request):
    print(1111)
    if request.is_ajax():
        return JsonResponse({"code":0,'msg':"登录成功"})
    print(2222)
    return render(request,"ajax1.html")

<form method="POST" action="">
    {% csrf_token %}
    <input id="username" type="text" name="username" />
{#    <input type="submit" value="提交"/>#}
    <a onclick="submitForm();">Ajax提交</a>
</form>
<script src="https://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
<script>
    function submitForm(){
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();
        console.log(csrf)
        var user = $('#user').val();
        $.ajax({
            url: '/hello/ajax/',
            type: 'POST',
            data: { "user":user,'csrfmiddlewaretoken': csrf},
            success:function(arg){
                console.log(arg);
            }
        })
    }

</script>

运行：无跳动提交

简便的 ajax提交

weixin_39683692

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax post提交数据_django 的ajax提交与表单提交记录

好记性不如烂笔头；据说的ajax提交比表单提交要好，可以不用重新刷新页面；表单提交：MTV模式# 局部禁用csrf保护显示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head...
复制链接

扫一扫