渭南市鼎联网络科技有限公司
首页 | 联系方式 | 加入收藏 | 设为首页 | 手机站

产品目录

联系方式

联系人:业务部
电话: 00168-872767
邮箱:service@shanghaihunyi.com

当前位置:首页 >> 产品展示 >> 默认分类 >> 正文

MUI遇到的问题汇总

详细信息:

MUI是H5跨平台的开发框架,入手学习可以先进入官网浏览一下

官网:http://dcloud.io/

给新手推荐一篇文章:https://segmentfault.com/a/1190000005173713?_ea=841544

没心思看文档,可以看一些视频教程


问题一:ajax请求不到数据(真机调试)

在浏览中输入请求网址可以获取到数据,但是真机调试console.log(type);打印为abort

error: function(xhr, type, errorThrown) {
 //异常处理;
 console.log(type);
 console.log(xhr);
 console.log(errorThrown);
 }

解决:

1.请求地址不要用本地的127.0.0.1,改为本机的ip

2.手机务必连接电脑的wift,并保证连接成功且网络状况良好(网络状况不好的情况也会请求失败)


注意:dataType: 'JSON',

JSON必须是大写,小写的json貌似获取不到数据?很坑

问题二:ajax解析json数据

json数据如果是从接口获取的,则是字符串的形式。可以先使用var mdata = eval(data); 封装成Json对象形式。

但是有的是返回的是json对象的形式,不需要封装直接用就行了。这一点我还不太清楚,有时间好好研究一下。

var mdata = eval(data);
 var finallist='';
 for(i=mdata.length-1;i>=0;i--){
 finallist=finallist+'<li data-id="'+i+'" class="mui-table-view-cell" ><a class="mui-navigate-right"><div class="mui-media-body">'+mdata[i].title+'<p class="mui-ellipsis">'+mdata[i].content+'</p></div></a></li>';
 }


问题三:下拉刷新在浏览器中可以用,真机调试不能用

原因分析:没有使用双webview模式,仅仅使用子界面在真机上不能实现下拉刷新。

官网:http://dev.dcloud.net.cn/mui/pulldown/