HTML5 移动Web App阅读器-5(页面和服务器通信代码开发)
2017-04-19 21:42
351 查看
通过接口,请求地址,返回加密的json数据。
防止数据被扒走。
页面展示和上下翻页
在取得上下翻页的数据之前,要先获得章节摘要的信息
获取章节的内容->获得jsonp的地址->然后根据地址拿到bash64的数据。->解码,前端展示
解决chrome跨域请求,开服务器http-server
异步:回调函数会使代码的嵌套层次过深
避免使用回调函数:
消息通知
ES6 Promise,Generator
防止数据被扒走。
页面展示和上下翻页
在取得上下翻页的数据之前,要先获得章节摘要的信息
获取章节的内容->获得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
相关文章推荐
- HTML5 移动Web App阅读器-4(页面基本结构开发)
- 移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签
- HTML5 移动Web App阅读器-3(开发流程介绍、需求分解和技术选型)
- 网络通信,服务器架构,音视频开发,网络安全,移动互联网
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- HTML5 移动Web App阅读器-2(技术点讲解)
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- 使用 jQuery Mobile 与 HTML5 开发 Web App(九) —— jQuery Mobile 页面与对话框
- 使用 jQuery Mobile 与 HTML5 开发 Web App —— 12 jQuery Mobile 页面事件与 deferred
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- [HTML] 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- 使用 jQuery Mobile 与 HTML5 开发 Web App(十二) —— jQuery Mobile 页面事件与 deferred
- 微信h5支付页面与web服务器之间的通信,使用jquery ajax向服务器发送数据——微信h5支付开发5
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- HTML5 移动Web App阅读器-1
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能