mui追加html,[HTML5] mui H5 js动态添加不同类型的数据

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

• 企业联系人

  移除

  

  萌萌哒天团萌萌哒天团萌萌哒天团萌萌哒天团

  企业联系人

  2016年1月5日

• 企业联系人

  移除

  

  T-ARA

  2016年1月5日

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 = "企业联系人"

if(contacts==0)

contact = "企业联系人"

if(contacts==1)

divp="

企业联系人

"

if(contacts==0)

divp=""

li.innerHTML = '

'+contact+' 移除

'+result[0].page[i].nickname+'

'+divp+'

'+result[0].page[i].updatetime+'

'

table.appendChild(li);

}

}

}

},

error:function(xhr,type,errorThrown){

//异常处理；

console.log("没网了~~~~~~或者服务器断了~~");

}

});