简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
vue-resource获取不到本地json文件的数据？
高洛峰
高洛峰 2016-11-10 15:33:50
0
2
1302
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟</title>
    <script src="js/vue.js"></script>
    <script src="js/vue-resource.min.js"></script>
    <link href="example.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="example">
    <button id="but" >添加</button>
    <ul id="example1">
        <li v-for="item in items">
            {{ item.id }}
            {{ item.author }}
            
        </li>
    </ul>
    
</div>
<script>


 //在这里面写Vue.js代码
var example = new Vue({
  el: '#example',
  data: {
    items: [
      { id:'0',author:'我'}
    ]
  },
  ready:function(){
    this.$http.jsonp('1.json',{},{
        headers:{
        
        },
        emulateJSON: true
    }).then(function(response){
        alert('123');
    },function(response){
    
    });
  }
})


 //----------------
</script>
</body>
</html>

//浏览器无法弹出123


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

全部回复(2)
学霸
学霸2016-11-10 15:34:14 2 楼

jsonp是跨域的,请求本地写它干嘛 this.$http.get()就行了,具体回调函数看着也有问题 没看你想请求什么数据..response参数也不用

点赞 +0
添加回复
三叔
三叔2016-11-10 15:34:01 1 楼

必须在http或https协议下才能用AJAX，file协议下浏览器默认禁用AJAX

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！