ajax 把get请求改为post请求(django)

以下代码可以正常运行。(index.js文件)

setInterval(function () {
       console.log( "kaishi" + timeText())
  $.ajax(
    {
        type:'get',  // 不指定默认就是get,都是小写
        success:function (response) {
        console.log(response)
            $('#picture').attr('src', response.imgPath) 	 //修改<img>标签的src值
            $('#number').text(response.result)		//修改id="number"标签的内容
            }
        }
  )
},10000)	//10s

​ 我希望与页面加载的同时,此代码就开始执行,并且每隔10s执行一次。

​ 为了和首次打开页面区分,我把ajax请求的类型改为post,其他不变

type:'post'

会报如下错误(ajax发送的请求为我的首页):

Forbidden (CSRF token missing.): /index/

解决办法:

  • 第一步 index.html : 引用query.cookie.js插件(建议将此文件下载到本地,不然只能在联网下使用,可以确定此方法可行后再下载)
<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  • 第二步 index.js : 在success函数前添加请求头 headers: {“X-CSRFToken”: $.cookie(‘csrftoken’)}
setInterval(function () {
      console.log( "kaishi" + timeText())
 $.ajax(
   {
       type:'post',  // 不指定默认就是get,都是小写
       //以下是添加的代码
       headers: {"X-CSRFToken": $.cookie('csrftoken')},
       //以上是添加的代码
       success:function (response) {
       console.log(response)
           $('#picture').attr('src', response.imgPath) 	 //修改<img>标签的src值
           $('#number').text(response.result)		//修改id="number"标签的内容
           }
       }
 )
},10000)	//10s
过程中遇到的报错:
  • 第一种 : 在浏览器查看控制台报错:
    在这里插入图片描述
    原因 : cookie的问题,需要在index.html文件中引用query.cookie.js插件
<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  • 第二种 : 终端报错:
Forbidden (CSRF token missing.): /index/

原因:没有加入这句代码

headers: {"X-CSRFToken": $.cookie('csrftoken')},
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值