HTML5 移动Web App阅读器-5(页面和服务器通信代码开发)
来源:互联网 发布:一厢情愿的感情知乎 编辑:程序博客网 时间:2024/05/22 15:08
通过接口,请求地址,返回加密的json数据。
防止数据被扒走。
页面展示和上下翻页
在取得上下翻页的数据之前,要先获得章节摘要的信息
获取章节的内容->获得jsonp的地址->然后根据地址拿到bash64的数据。->解码,前端展示
解决chrome跨域请求,开服务器http-server
function main(){ //todo 整个项目的入口函数 var readerModel = ReaderModel(); readerModel.init(); EventHanlder(); } // 数据层 function ReaderModel(){ //todo 实现和阅读器相关的数据交互方法 var Chapter_id; var init = function(){ getFictionInfo(function(){ getCurChapterContent(Chapter_id,function(){ }); }) } // 获得章节的信息 var getFictionInfo = function(callback){ $.get('data/chapter.json',function(data){ // todo 获得章节信息之后的回调 Chapter_id = data.chapters[1].chapter_id; callback && callback(); },'json'); } //获得章节的内容 var getCurChapterContent = function(chapter_id,data){ $.get('data/data' + chapter_id + '.json',function(data){ // 确定服务器端ok if(data.result == 0){ var url = data.jsonp; Util.getBSONP(url,function(data){ callback && callback(data); }) } },'json') } //暴露init方法 return{ init : init } }
异步:回调函数会使代码的嵌套层次过深
避免使用回调函数:
- 消息通知
- ES6 Promise,Generator
0 0
- HTML5 移动Web App阅读器-5(页面和服务器通信代码开发)
- HTML5 移动Web App阅读器-4(页面基本结构开发)
- HTML5开发 移动Web App阅读器
- HTML5 移动Web App阅读器-3(开发流程介绍、需求分解和技术选型)
- HTML5 移动Web App阅读器-1
- HTML5 移动Web App阅读器-2(技术点讲解)
- html5+开发移动app
- Html5 移动app开发
- adt配置支持html5的移动web app开发环境
- HTML5移动WEB开发
- HTML5移动Web开发
- 移动开发 Native APP、Hybrid APP和Web APP介绍
- HTML5+开发移动app教程
- HTML5+、mui开发移动app
- 用HTML5开发移动APP
- HTML5 Plus移动App(5+App)开发入门指南
- HTML5 Plus移动App(5+App)开发入门指南
- HTML5移动Web开发指南
- 软件版本命名规范
- C++远征之封装篇——类和封装、实例化和对象成员访问
- java IO流字节流写入大写字母
- 非char类型在24c02中的存储
- linux下安装配置gitlab-ce-9.0.5
- HTML5 移动Web App阅读器-5(页面和服务器通信代码开发)
- 【05】SSH练习——struts2和json 的整合
- Centos 7安装Gnome图形界面
- 数据的导出
- IMWeb训练营作业
- 十分钟学会Fiddler,学不会算我输
- 洛谷 P1550 [USACO08OCT]打井Watering Hole
- openMP编程(上篇)之指令和锁
- 【IMWeb训练营作业】---Vue2.0 学习(一)