表单提交_django 的ajax提交与表单提交记录

好记性不如烂笔头；

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

表单提交：MTV模式

# 局部禁用csrf保护
@csrf_exempt
def login(request):if request.method == "POST":print(request.POST.get('username'))return render(request,"login.html")

显示：

<!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提交

<form action="" method="post">{% csrf_token %}用户名： <input type="text" name="username"> <br>密码： <input type="text" name="password"> <br>
{#    <input type="submit">#}<input type="button" value="注册" id="button">
</form><script>$("#button").click(function(){console.log($("form").serialize());$.post("/register/",$("form").serialize(),function(data){console.log(data)})});
</script>

表单提交_django 的ajax提交与表单提交记录相关推荐

ajax获取表单php,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
ajax c 提交form,使用ajax提交form表单，包括ajax文件上传
前言使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的aja ...
ajax提交输入内容,当输入用于提交时，AJAX表单提交
我有一位设计师坚持通过点击回车和由AJAX提交的帖子和由Fancybox提供的回复提交的单个表单域.问题是return false不能阻止页面的提交.当输入用于提交时,AJAX表单提交我在那里做错了 ...
ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
form表单提交数据的两种方式——submit直接提交、AJAX提交
submit提交 form表单本身提供action属性,在action属性中填写数据提交地址后,点击submit类型的按钮即可将数据提交至指定地址,代码如下: <form action=&quo ...
ajax如何实现表单验证码,Ajax实现提交表单时验证码自动验证（原创自Zjmainstay）...
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html 验证码提交自验证用户名验证码 (function($){ $(docu ...
ajax 表单提交传文件,Ajax提交Form表单及文件上传
刚刚申请下来的博客,写得第一篇.有点小激动,本人以前是一名工业3D设计师突然有些变故做上了JavaWeb开发: 前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Fo ...
jquery 表单验证 ajax提交,jquery.validationEngine ajax验证不通过也提交表单
今天用到了jquery.validationEngine ajax验证,碰到了一个让人很郁闷的问题 ajax验证不通过时也提交表单,在网上找了半天也没找到答案,让人很没办法,看源码了调试了半天,终 ...
ajax和form表单的提交跳转问题
ajax和form表单的提交跳转问题使用ajax提交form表单数据的时候,把提交按钮的type="submit"改成type="button",防止点击提交 ...

表单提交_django 的ajax提交与表单提交记录

表单提交_django 的ajax提交与表单提交记录相关推荐

最新文章

热门文章