HTML5技术

mui H5 js动态添加不同类型的数据 - 柠檬真酸

字号+ 作者:H5之家 来源:博客园 2016-01-14 12:56 我要评论( )

html页面需要添加的页面的数据格式 ul li div a企业联系人/a a移除/a /div divimg src="images/img42.png" div div萌萌哒天团萌萌哒天团萌萌哒天团萌萌哒天团/div p企业联系人/p /div div p2016年1月5日/p /div /div /li li div a企业联系人/a a移除/a /div

html页面需要添加的页面的数据格式  

<ul>
<li>
<div>
<a>企业联系人</a>
<a>移除</a>
</div>
<div><img src="images/img42.png">
<div>
<div>萌萌哒天团萌萌哒天团萌萌哒天团萌萌哒天团</div>
<p>企业联系人</p>
</div>
<div>
<p>2016年1月5日</p>
</div>
</div>
</li>
<li>
<div>
<a>企业联系人</a>
<a>移除</a>
</div>
<div><img src="images/imgPPT.png">
<div>
<div>T-ARA</div>
</div>
<div>
<p>2016年1月5日</p>
</div>
</div>
</li>
</ul>

 

js代码

mui.ajax(url,{
data:{
userid:userid,
type:'1'
},
dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
timeout:10000,//超时时间设置为10秒;
success:function(data){
//服务器返回响应,根据响应结果,分析是否登录成功;
var result = eval(data);
result = eval(result);
if(result!=null){
var x = 0;
var value = result[0].value;
var hcount = result[0].count;
var appsize = result[0].appsize;
mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > value)); //参数为true代表没有更多数据了。
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
if(hcount > cells.length){
for (var i = cells.length, len = i + appsize; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
/*var contacts = result[0].page[i].contacts*/
/*console.log(result[0].page[0].contacts)*/
var contacts=result[0].page[i].contacts
var contact;
var divp;
if(contacts==1)
contact = "<a>企业联系人</a>"
if(contacts==0)
contact = "<a>企业联系人</a>"
if(contacts==1)
divp="<p>企业联系人</p>"
if(contacts==0)
divp=""
li.innerHTML = '<div>'+contact+'<a>移除</a></div><div><img src="/'+result[0].page[i].headimg+'"><div><div>'+result[0].page[i].nickname+'</div>'+divp+'</div><div><p>'+result[0].page[i].updatetime+'</p></div></div>'
table.appendChild(li);
}
}

}

},
error:function(xhr,type,errorThrown){
//异常处理;
console.log("没网了~~~~~~或者服务器断了~~");
}
});

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 调取百度地图接口,实现取自己的实时位置,然后可以在百度地图上添加信息标注 - QISHUANG

    调取百度地图接口,实现取自己的实时位置,然后可以在百度地图上添加

    2017-04-18 10:02

  • Omi应用md2site-0.5.0发布-支持动态markdown拉取解析 - 【当耐特】

    Omi应用md2site-0.5.0发布-支持动态markdown拉取解析 - 【当耐特】

    2017-03-16 11:03

  • 博客园自定义之博客园公告栏添加时钟——利用canvas画出一个时钟 - Devil_lixu

    博客园自定义之博客园公告栏添加时钟——利用canvas画出一个时钟 - D

    2017-02-16 13:01

  • html5为输入框添加语音输入功能 - 孟然

    html5为输入框添加语音输入功能 - 孟然

    2017-02-06 18:00

网友点评