jquery-3.3.1.min.js:2 POST http://localhost:8000/regedits/ 403

最新推荐文章于 2021-07-09 09:36:19 发布
最新推荐文章于 2021-07-09 09:36:19 发布
阅读量4.7k 收藏 2
点赞数 3
分类专栏： Django框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tian_jiangnan/article/details/105245189
版权
本文介绍了在使用jQuery时遇到的Django框架403错误，原因是缺少CSRF验证。解决方案是在JavaScript中添加相应CSRF令牌以通过校验。
摘要由CSDN通过智能技术生成

报错信息如下

 

 

报错原因

Django框架对前端的表单数据都有csrf校验，我们没有通过校验，所以403错误

解决方案

在script里面加上如下代码就可以了

$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
});

 

运行结果截图

 

tian_jiangnan
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery-3.3.1.min.js
12-19
Js脚本，放在项目根目录下，即与.idea同目录，可对其进行外部调用，生成HTML网页中JQuery的事件和效果，显示、隐藏、淡入、淡出等等
jquery-3.3.1.min.js:2 GET http://localhost:8080/getTeacherMajor 404
qq_37176833的博客
04-29 1万+
在使用ajax和JSON格式串传输数据的时候，一定要加上“@ResponseBody”注解！！！！
jquery-3.3.1.js/min.js
12-26
jquery-3.3.1.js/min.js
Django中使用jquery ajax post数据出现403错误的解决办法
duansamve的博客
07-29 485
在处理post数据的view前加@csrf_exempt装饰符： from django.http import HttpResponse import json from django.views.decorators.csrf import csrf_exempt @csrf_exempt def deal(request): if request.method == "POST...
jquery-3.3.1.js和jquery-3.3.1.min.js
03-22
jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...
jquery-3.3.1.js和jquery-3.3.1.min.js.zip
04-18
在这个压缩包中，我们找到了两个版本的jQuery 3.3.1——jquery-3.3.1.js和jquery-3.3.1.min.js，它们各自有着不同的用途和特点。 首先，jquery-3.3.1.js是未压缩的源代码版本，包含了完整的调试信息和注释。这个...
jquery-3.3.1.js和 jquery-3.3.1.min.js
02-08
在本篇中，我们将深入探讨jQuery 3.3.1这个版本及其两个主要的文件：`jquery-3.3.1.js`和`jquery-3.3.1.min.js`。 **jQuery的核心特性** 1. **DOM操作**：jQuery提供了一套简洁的API，用于选择元素、添加或删除类...
jquery-3.3.1.js和jquery.min-3.3.1.js
07-24
《jQuery核心库：深入理解jquery-3.3.1.js与jquery.min-3.3.1.js》 jQuery，作为一款广泛使用的JavaScript库，极大地简化了网页中的DOM操作、事件处理、动画设计以及Ajax交互。在给定的文件中，我们有两个版本的...
jquery-3.3.1.slim.min.js
08-02
jquery-3.3.1.slim.min.js
最新版JQuery-jquery-3.2.1.min.js
01-09
最新JQuery版本,3.2版本删减jQuery.holdReady(hold),jQuery.isArray(obj)等方法
jquery-3.3.1.min.js:2 Uncaught TypeError: e.indexOf is not a function at w.fn.init.w.fn.load
林飞的梦呓
05-12 1万+
jquery3.1.1报错Uncaught TypeError: a.indexOf is not a function
PhpStorm中使用post提交时，文件路径没错，浏览器却报错404 Not Found
万万没想到鲁大师
09-29 9936
大致情况如下： 遇到类似的情况可做如下修改： 直接OK就行了，然后重新运行一下文件。希望对各位有帮助
jquery-3.1.1.min.js:4 POST http://localhost:8080/hello 403 (Forbidden)
热门推荐
从入门到放弃
12-08 2万+
解决方法： 在地址栏加上_crfn html 加 meta name="_csrf" th:attr="content=${_csrf.token}"/> js 加 var token = $("meta[name='_csrf']").attr("content"); //URL url:"hello?", 改成 url:"hello?_csr",
解决springMVC环境下jquery-3.3.1.min.js”的 ＜script＞ 加载失败
xiangjunyes的博客
08-21 1119
问题描述: 配置springmvc之后，jsp页面不能正常加载js文件。 原因分析: 1.静态资源没有放行 2.路径编写不合适 解决方案： 在springmvc配置目录下 <!-- 静态资源放行--> <mvc:default-servlet-handler></mvc:default-servlet-handler> ...
jquery.js:9600 POST http://127.0.0.1:8000/news/1/comments/ 500 (Internal Server Error)
weixin_30730151的博客
05-08 1213
什么情况? 代码报错了....查询 语句错误 看 编译提示. 数据 查询 语句的问题!!!! 转载于:https://www.cnblogs.com/crave/p/10832555.html
jquery-3.4.1.min.js:2 POST https://localhost:44360/api/product/pro_name_info?product_name=%E7%99%BE%
YCCX_LHH21的博客
07-09 1093
这个报错是在postman里面请求的时候出现的问题， 可想而知，你们调试的时候请求路径没有错，可以进入调试界面，就是返回数据的时候会报错，这个是因为你在返回数据的时候，数据中包含导航属性 会导致死循环，解决方案就是： 在请求的接口里面加上这个代码 这里db是EF实体模型类中实例化的对象名 加入我的实体类是ShoeEntities 那么我实例化ShoeEntities db = new ShoeEntities(); db.Configuration.ProxyCreationEnabled = false;
jquery-3.0.0.min.js:4 POST http://localhost:62863/Home/insert 500 (Internal Server Error)
qq_40890601的博客
06-11 7656
问题 点击按钮提交表单一直返回error，查了资料原来是在ASP.NET MVC框架的JSON序列化返回对象时引发的一个运行时错误。也就是data格式错了， 后台是这样的 按照网上说的把data改了之后还是无果，还是一样报上面的错误 按照网上的方法加JSON.stringify()终于跳到后台，但传输过来的data为null，原来contentType: "application/json; charset=utf-8",这句需要与JSON.stringify()联合起来用。 然后我一直查为什么传
jquery-3.3.1.slim.min.js:2 jQuery.Deferred exception: $.post is not a function TypeError: $.post is
qq_35810838的博客
02-17 6030
原因是用了jquery-3.2.1.slim.min.js，换成jquery-3.2.1.min.js就好了 关于两者的区别 看官方描述： Sometimes you don’t need ajax, or you prefer to use one of the many standalone libraries that focus on ajax requests. And ofte...
springboot+mybatis-plus+Ajax+layui+mysql实现员工注册（id自增）
最新发布
03-26
本文将介绍如何使用Spring Boot、MyBatis-Plus、Ajax、Layui和MySQL实现员工注册功能。 这个注册功能包含了员工ID自增的实现，让我们看看如何完成这个任务。 1.创建项目和数据库 首先，我们需要创建一个Spring Boot项目，并创建一个名为employee的数据库，其中包含一个名为emp的员工表。 CREATE TABLE `emp` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) NOT NULL, `age` int(11) NOT NULL, `sex` varchar(255) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4; 2.添加依赖 我们需要添加以下依赖项： <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.0.5</version> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.26</version> </dependency> </dependencies> 3.配置数据源 我们需要在application.properties中配置数据源： spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/employee?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=Asia/Shanghai spring.datasource.username=root spring.datasource.password=123456 4.配置MyBatis-Plus 在使用MyBatis-Plus之前，我们需要正常配置MyBatis，并至少创建一个Mapper。这里我们以EmployeeMapper为例： @Mapper public interface EmployeeMapper extends BaseMapper<Employee> { } 然后，我们在application.properties中添加以下配置： # mapper扫描 mybatis-plus.mapper-locations=classpath*:/mapper/*.xml # 实体扫描 mybatis-plus.typeAliasesPackage=com.example.demo.entity 5.创建实体类 我们需要创建一个名为Employee的实体类，其属性与emp表中的列相对应。 @Getter @Setter @ToString @NoArgsConstructor @AllArgsConstructor public class Employee { private Long id; private String name; private Integer age; private String sex; } 6.创建控制器和页面 接下来，我们需要创建一个EmployeeController，通过此控制器向客户端提供员工注册页面和保存方法。 @Controller public class EmployeeController { @GetMapping("/employee") public String index() { return "employee/register"; } @PostMapping("/employee/save") @ResponseBody public Long save(@RequestBody Employee employee) { employeeMapper.insert(employee); return employee.getId(); } @Autowired private EmployeeMapper employeeMapper; } 然后，我们在resources/templates目录下创建一个register.html页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Employee Register</title> <link rel="stylesheet" href="//cdn.bootcss.com/layui/2.5.6/css/layui.min.css"> <style> form {margin: 20px auto; width: 500px;} .layui-input-block {margin-right: 0;} </style> </head> <body> <div class="layui-container"> <div class="layui-card layui-anim layui-anim-up"> <div class="layui-card-header">Employee Register</div> <div class="layui-card-body"> <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">Name</label> <div class="layui-input-block"> <input type="text" name="name" required lay-verify="required" placeholder="Name" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">Age</label> <div class="layui-input-block"> <input type="text" name="age" required lay-verify="required|number" placeholder="Age" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">Sex</label> <div class="layui-input-block"> <input type="radio" name="sex" value="male" title="Male" checked> <input type="radio" name="sex" value="female" title="Female"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="save">Register</button> </div> </div> </form> </div> </div> </div> <script src="//cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="//cdn.bootcss.com/layui/2.5.6/layui.min.js"></script> <script> layui.use(['form', 'layer'], function() { var form = layui.form, layer = layui.layer; form.on('submit(save)', function(data) { $.ajax({ url: '/employee/save', type: 'POST', data: JSON.stringify({ name: data.field.name, age: data.field.age, sex: data.field.sex }), contentType: 'application/json', success: function(id) { layer.msg('Your employee ID is ' + id); } }); return false; }); }); </script> </body> </html> 7.运行 现在，我们可以启动Spring Boot应用程序，并打开浏览器访问http://localhost:8080/employee，创建一个员工记录。您将看到一个注册表单，输入完信息后，单击“注册”按钮。之后，它将通过Ajax将信息发送到控制器，并将Employee对象保存到数据库中。成功后，您将获得新创建的员工ID。 到这里，我们已经成功地使用Spring Boot、MyBatis-Plus、Ajax、Layui和MySQL实现了员工注册功能，包含了员工ID自增的实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值