PhoneGap中文网

标题: 关于第十讲的扩展,开发一个小型的资讯平台 [打印本页]

作者: 宝潞    时间: 2013-11-22 15:29
标题: 关于第十讲的扩展,开发一个小型的资讯平台
本帖最后由 宝潞 于 2013-11-22 15:31 编辑

http://bbs.phonegap100.com/forum.php?mod=viewthread&tid=172&extra=page%3D1 Jquery Mobile html5 phonegap中 js 跨域请求数据


很多人看完这个视频后,只知道能够处理成列表页,但是点击列表页然后能看到详情内容,就无从下手了!现在将我的经验进行分享。




第一步:新建一个详情页 two.html

第二步:在index.html 进行ID参数的传递(数据库的ID参数)

第三步:two.html 页面获取index.html 页面传递过来的ID参数 ,然后获获取详情页的数据
  1. urlinfo=window.location.href;  //获取当前页面的url
  2. len=urlinfo.length;//获取url的长度
  3. offset=urlinfo.indexOf("?");//设置参数字符串开始的位置
  4. newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串
  5. newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割
  6. newsid=newsids[1];//得到参数值
复制代码






之后大家就可以开发一个小型的资讯网站

当然大家还会遇到问题,就是返回列表页之后,下拉的数据还是不见了,这个就要用到 localStorage !之后再更新吧!

作者: 宝潞    时间: 2013-11-22 15:30
本帖最后由 宝潞 于 2013-11-22 17:53 编辑

占位更新!!!到时候讲讲localStorage
作者: woniu    时间: 2013-11-22 15:30
NICE  支持A
作者: conception    时间: 2013-11-22 16:28
真是感谢你呀!有了这么多办法
作者: admin    时间: 2013-11-23 12:11
非常感谢




欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2