以下代码可以正常运行。(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')},