老师你好,有个关于修改封装的ajax接口的问题(代码截图)

来源:4-2 通用JS工具类封装(网络数据请求功能)

宝慕林1075097

2017-12-29

老师,我来自于这里:http://coding.imooc.com/learn/questiondetail/37153.html

老师文件夹是page,我这里改成了modules。

首页的index.js调用头部导航的index.js:

//img.mukewang.com/szimg/5a45993e0001bb3708170434.jpg

首页导航index.js:

//img.mukewang.com/szimg/5a45993e00011be608380762.jpg

service文件夹下对应的接口.js:

//img.mukewang.com/szimg/5a45997400011e7009960617.jpg

mm.js:

//img.mukewang.com/szimg/5a45998e00019ebe08560807.jpg

后来页面执行的结果.  网络请求可以到数据。但是我在首页导航index.js的init方法里的this.data()后执行console.log(this.option.id),结果还是undefined. 我的目的就是希望能打印出this.option.id:

//img.mukewang.com/szimg/5a45a4e200011dbd05550131.jpg

然后我突然想到,可能是用了es2015的代码,那么需要转化:

于是

1:cnpm install babel-core babel-loader babel-preset-es2015 --save-dev

2,package.json

//img.mukewang.com/szimg/5a459ac3000181c504350113.jpg

3,在webpack.config.js 里添加es2015转化的代码:

//img.mukewang.com/szimg/5a459af1000118b408360465.jpg

4,   再重新npm run dev_win(gif动画)

//img.mukewang.com/szimg/5a459c72000162a200010001.jpg


当去掉promise,以及所有的es2015风格代码及相关的。就恢复正常了

我只是在首页导航的有关的ajax代码修改成了es2015的代码,整体依然是老师前端代码的老版本的js代码。难道是因为这个原因报错? 如果要改,就要全部改成es2015?

写回答

1回答

Rosen

2017-12-29

qq找我,把代码打个包发给我吧

0
2
Rosen
回复
宝慕林1075097
43100879
2018-01-02
共2条回复

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4262 学习 · 4113 问题

查看课程