Ajax之post请求跨站请求csrf_token发送处理de三种方式

原创 2017年11月14日 19:30:00

方式一:

$.post({
        url: '/get_result/',
        data: {
             value0: $('#v1').val(),
             value1: $('#v2').val(),
             csrfmiddlewaretoken: '{{ csrf_token }}'
               },
       success: function (data) {
            if (data) {
                $('#v3').val(data);
                swal("操作成功!", "成功算出结果","success");
             }
         })

方式二:

{% csrf_token %}
<input type="text" id="v1"> + <input type="text" id="v2"> = <input type="text" id="v3">
<p><input type="submit" value="提交" id="smt"></p>
$.post({
         url: '/get_result/',
         data: {
             value0: $('#v1').val(),
             value1: $('#v2').val(),
             csrfmiddlewaretoken:$('[name="csrfmiddlewaretoken"]').val()
         },
         success: function (data) {
             if (data) {
                 $('#v3').val(data);
                 swal("操作成功!", "成功算出结果", "success");
             }
         }
     })

方式三:

<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>


$.post({
        url: '/get_result/',
        headers:{'X-CSRFToken':$.cookie('csrftoken')},
        data: {
            value0: $('#v1').val(),
            value1: $('#v2').val()
        },
        success: function (data) {
            if (data) {
                $('#v3').val(data);
                swal("操作成功!", "成功算出结果", "success");
            }
        }
    })
版权声明:本文为博主原创文章,未经博主允许不得转载。

.net web api 解决ajax跨站点post请求提交 json 数据问题

asp.net web api 解决ajax跨站点post请求提交 json 数据问题 一、web api web api 的 controller ,必须继承 apico...
  • love70song
  • love70song
  • 2016年09月28日 22:51
  • 1023

ajax异步请求的get方法和post方法简单使用

GET请求方法: function checkname(){ //ajax方式校验用户名 //A. 获得被校验的用户名信息 va...
  • u010505805
  • u010505805
  • 2017年04月19日 09:51
  • 677

Python-django中ajax使用POST时使用csrf_token

环境:django1.6.5 python 2.6/2.7
  • ppdouble
  • ppdouble
  • 2014年06月13日 18:09
  • 8178

使用原生ajax发送post请求完整案例

使用ajax发送数据实现前后台的交互,我想是web开发最基础的技能了。近来dz开发因为不兼容jquery,所以只能使用原生js发送数据,不想还遇到很多问题。在这里分析总结一下。先来一个使用ajax发送...
  • u014087614
  • u014087614
  • 2014年11月22日 23:59
  • 7294

javascript/js的ajax请求方式:GET与POST

注意:XMLHttpRequest 是 AJAX 的基础,在创建 XMLHttpRequest 对象时,必须与你写的ajax方法在同一个‘’标签中!否则ajax请求会出错,并无法返回数据。 jav...
  • u013236064
  • u013236064
  • 2014年05月17日 20:57
  • 1802

AJAX第二例(发送POST请求)

第二例:发送POST请求(如果发送请求时需要带有参数,一般都用POST请求) * open:xmlHttp.open("POST" ....); * 添加一步:设置Content-Type请求...
  • u012110719
  • u012110719
  • 2015年04月25日 10:10
  • 1427

JAVA 爬虫之httpclient post请求提交表单获取Ajax数据

public static String httpPostWithJSON(String url) throws Exception { HttpPost httpPost = ne...
  • hotpots
  • hotpots
  • 2017年12月18日 11:23
  • 150

Ajax以post方式传送带参的数据方式与get请求的不同

若发送带参数的post请求时必须加上下面这段代码告知服务器将会有参数传过来,不然后台用request.getParameter()将无法获取。 xmlhttp.setRequestHeader("Co...
  • CongBird
  • CongBird
  • 2017年02月23日 17:33
  • 635

循环发送ajax请求

循环发送ajax请求解决方案
  • wangguji
  • wangguji
  • 2016年08月23日 11:30
  • 2168

通过JSONP实现AJAX 跨域请求数据

通过JSONP实现AJAX 跨域请求数据
  • jinxingfeng_cn
  • jinxingfeng_cn
  • 2016年05月21日 08:49
  • 1759
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax之post请求跨站请求csrf_token发送处理de三种方式
举报原因:
原因补充:

(最多只允许输入30个字)