ajax csrf php,JQueqy Ajax的使用(POST\GET请求 csrf_token)
一,Ajax GET请求和POST请求知识点
1,GET请求不用添加 {% csrf_token%} ,也不会报csrftoken的错
2,POST请求的话,就需要添加 {% csrf_token%} 标签, 而且要使用$.ajax() 方法,将token传递到服务端
3,传递过去就行了,后台自动会处理,无需用手工处理这个token
二,以下是代码示例
以下是index.html代码示例(里面有使用ajax,GET和POST方法的代码示例)
1
2
3
4
5
6
7
AJAX局部刷新实例
8
9
10
11
12 {% csrf_token %}13 +14 =15
16
17
18
19
20
21 xxxxxxxxxxxx
22
23
24
25
26 //添加点击事件,定义回调函数,当点击#b1元素时,则执行函数
27 $("#b1").on("click",function() {28 $.ajax({29 url:"/ajax_add/",//要跳转到哪里,所以就没有必要再使用form表单的跳转和提交了
30 type:"GET",//可以使用POST,或GET都可以
31 data:{"i1":$("#i1").val(),"i2":$("#i2").val()},//使用jquery获取DOM元素的值,并传递到后端
32 success:function(data) {//发送AJAX请坟成功后,执行回调函数,data则是获取的后端数据,
33 $("#i3").val(data);//给DOM元素设置值
34 }35 })36 })37 //jquery ajax使用 POST方法提交,则必须把CSRF_TOKEN也传递到服务器(这样才是完全和form表单提交的方式一样)
38 //如果是使用get方法提交,则就不需要csrf_token,
39 $("#b2").on("click",function() {40 //找到页面上的CSRF_TOKEN,name属性值应该都一样,
41 //使用jquery语法,根据name属性找到元素,再使用val方法获取值
42 varcsrfToken=$("[name='csrfmiddlewaretoken']").val();43 $.ajax({44 url:"/ajax_add2/",//要跳转到哪里,所以就没有必要再使用form表单的跳转和提交了
45 type:"POST",//可以使用POST,或GET都可以
46 //使用jquery获取DOM元素的值,并传递数据到后端
47 data:{"i1":$("#i1").val(),"i2":$("#i2").val(),'csrfmiddlewaretoken':csrfToken},48 success:function(data) {//发送AJAX请坟成功后,执行回调函数,data则是获取的后端数据,
49 $("#i3").val(data);//给DOM元素设置值
50 }51 })52 })53 //以下事件是点击后使用,使用jqurey创建一个IMG标签,并添加上,
54 $('#b3').on('click',function(){55 $.ajax({56 //url:'/test/',
57 //type:'get',
58 success:function(a){59 //在页面上创建一个标签
60 varmyimg=$("").attr('src','/static/1.jpg');61 $('#d1').append(myimg);62 }63 })64 })65
66
67
68
ajax csrf php,JQueqy Ajax的使用(POST\GET请求 csrf_token)相关推荐
- ajax json 403,解决 Ajax 发送 post 请求出现 403 Forbidden 的三种方式
众所周知前端向后台发送 post 请求时,必须验证 csrf,否则会报错 403 Forbidden.使用 Django Form 表单可以直接在表单里面添加 {% csrf_token %} 即可, ...
- Ajax是什么?Ajax高级用法之Axios技术
Ajax AJAX 异步请求局部刷新 Ajax 参数详解 js.json.jsonp区别 json和jsonp的区别 同源策略 json和js对象的区别 Ajax高级用法(axios) 为什么要用Ax ...
- SharePoint 2010中的客户端AJAX应用——ASP.NET AJAX模板
WCF Data Services是SharePoint 2010中一个极具吸引力的新特性.然而,因为它的强大,直接对其进行编程仍然会有点痛苦.幸运的是,一个新的相关技术 -- ASP.Net AJA ...
- 【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数,获取DataTable Json,Asp.net
直接上图=============最后拷贝源码(图片清楚) ====================================================================== ...
- php ajax城市联动,php+ajax 城市联动
jquery-1.8.0.min.js 自己下载 /* 表结构 -- -- 表的结构 `web_city` -- CREATE TABLE IF NOT EXISTS `web_city` ( `i ...
- ExtJs异步ajax调用和同步ajax调用公用方法
Js代码 //异步ajax调用 /** * 异步调用ajax,成功后返回值,作为回调函数的参数 调用失败会提示 * * @param {} * urlStr * @param { ...
- AJAX的安全性及AJAX安全隐患
Web开发者不会注意到由 "AJAX(Asynchronous JavaScript And XML)"所带来的激情.不费力气就能创建像Google Suggest那样的智能网站或 ...
- .ajax get 写法,原生Ajax写法(GET)
ajax的GET提交方式的原生代码: var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else if(w ...
- html5 ajax数据显示,html5的ajax学习(二)
一.基础知识点 1.ajax可以做事情:局部刷新 浏览器搜索列表记录 加载更多的数据 2.登录页面同步网络请求:页面全部刷新,用户量大体验很不好 3.ajax的详解:ajax的get和post请求 同 ...
最新文章
- 文本框可编辑查看页面
- 玩转 Python 爬虫,需要先知道这些
- Java、Android—零碎难记笔试考点(持续更新)
- CF1237F Balanced Domino Placements(dp+组合计数)
- BZOJ 4992: [Usaco2017 Feb]Why Did the Cow Cross the Road
- 今日恐慌与贪婪指数为72 贪婪程度与昨日持平
- java动手动脑之多态
- 贪吃蛇c语言代码 链表,链表贪吃蛇 附代码
- VMware Workstation 16.2.4 Pro
- 计算机学院毕业礼物,史上最全毕业礼物攻略,绝对不能错过!
- 前端JS接收二维数组(列表)的解决办法
- sklearn.neighbors.KNeighborsClassifier()函数解析(最清晰的解释)
- Hazelcast IMDGJet详解
- 第一节课-第二周:神经网络的编程基础(Basics of Neural Network programming)
- 如何快速定位 Redis 热 key?
- 分享几个常用的地表温度数据集
- Python+Pycharm和 VisualStudio C++社区版使用PK及易混淆的语法问题
- 正交子空间投影的学习笔记
- VMware中NET模式无法获取IP地址
- 怎样提高网站的访问速度的诀窍
热门文章
- 从C语言过渡到C++并不容易啊,大家说呢?
- 游走于天才与疯子边缘的创业“鬼才”
- 前端工程师技术精进路上,你被卡在哪里了?
- matlab segy文件,利用matlab实现segy格式数据的读写研究和分析.ppt
- c语言中转义字符有什么作用,C语言中转义字符有什么作用?
- adb shell命令_[Android]adb的使用
- 信奥中的数学:母函数
- 提高篇 第五部分 动态规划 第1章 区间类动态规划
- java锁的级别_Java锁的那些事儿之JDK锁(ReentrantLock)
- RTX5 | 消息队列03 - 获取消息队列里消息的数量,并一次性提取出来