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')},

相关文章

学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习...
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面...
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生...
Can’t connect to local MySQL server through socket \'/v...
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 ...
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服...