201fgq
201fgq
  • 发布:2019-03-08 14:51
  • 更新:2019-03-08 17:08
  • 阅读:1697

mui.ajax 获取数据后,怎么输出到页面的media-list组件,是否有完整范例

分类:MUI

构想是使用media-list组件,达到一个图文列表的目地。
问题1:怎么实现页面出现时自动使用mui.ajax向服务端API取数据?
问题2:得到数据后,具体怎么处理,可以把数据分配到HTML特定的标签。
请问官方能否给一个完整的范例。

2019-03-08 14:51 负责人:无 分享
已邀请:
l***@shxfu.com

l***@shxfu.com

用 arttemplate

html

<div class="mui-content">
<ul id="bulletin_list" class="mui-table-view"></ul>
<script id="lists" type="text/html">
{{each list as value i}}
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="">
{{list[i].noticeContent}}
</a>
</li>
{{/each}}
</script>
</div>

  • js

(function($, doc) {
$.init();
$.plusReady(function() {

    var bulletin_data_cache={  
    "resultCode": "0000",  
    "resultDesc": "成功!",  
    "list":[{  
            "noticeId": "1",  
            "noticeContent": "提现银行卡需和实名认证信息一致"  
        },  
        {  
            "noticeId": "2",  
            "noticeContent": "2.0版本升级功能2"  
        }  
     ]};  

    mui.ajax('http://server-name/login.php',{  
        data:{  
            username:'username',  
            password:'password'  
        },  
        dataType:'json',//服务器返回json格式数据  
        type:'post',//HTTP请求类型  
        timeout:10000,//超时时间设置为10秒;  
        headers:{'Content-Type':'application/json'},                    
        success:function(data){  
            //服务器返回响应,根据响应结果,分析是否登录成功;  
            bulletin_data_cache=data;  
        },  
        error:function(xhr,type,errorThrown){  
            //异常处理;  
            console.log(type);  
        }  
    });  

    doc.getElementById("bulletin_list").innerHTML=template('lists',bulletin_data_cache);  

});   

}(mui, document));

该问题目前已经被锁定, 无法添加新回复