本文主要包含mui框架视频教程,mui框架,mui框架官网,mui框架教程,mui框架下载等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
今天一个网友问到mui框架 后台数据如何读取到页面？？其实很简单了，只要你会前端js代码，就没有什么难度，现在讲解一下。
数据主要是用mui 封装好的ajax获取json数据，然后用js拼接，把html代码加载到页面。
mui框架基于htm5plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型； 本着极简的设计原则，mui提供了mui.ajax方法，并在mui.ajax方法基础上，进一步简化出最常用的mui.get()、mui.getJSON()、mui.post()三个方法。
详细请看这篇文章：http://www.bcty365.com/content-146-2390-1.html
举个简单的例子：
</div> mui.post(address_url,{key:ukey},function(data){</div> var address_list=data.datas.address_list||{};</div> </div> for(var i=0;i<address_list.length;i++)</div> { </div> if(address_id==address_list[i].address_id)</div> {</div> address_html='<a class="mui-navigate-right" onclick="add_new_address()">';</div> address_html+='<span>姓名：'+address_list[i].true_name+'</span>';</div> address_html+='<span class="xxdz">详细地址：'+address_list[i].area_info+' '+address_list[i].address+'</span>';</div> address_html+='<span>联系电话：'+address_list[i].mob_phone+'</span>';</div> address_html+='</a>';</div> document.querySelector('#shrxx').innerHTML=address_html;</div> document.querySelector('input[name="address_id"]').value=address_list[i].address_id;</div> document.querySelector('input[name="area_id"]').value=address_list[i].area_id;</div> document.querySelector('input[name="city_id"]').value=address_list[i].city_id;</div> </div> </div> offpay();</div> }</div> }</div> </div> },'json')</div>
数据主要是用mui 封装好的ajax获取json数据，然后用js拼接，把html代码加载到页面。
mui框架基于htm5plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型； 本着极简的设计原则，mui提供了mui.ajax方法，并在mui.ajax方法基础上，进一步简化出最常用的mui.get()、mui.getJSON()、mui.post()三个方法。
详细请看这篇文章：http://www.bcty365.com/content-146-2390-1.html
举个简单的例子：
</div> mui.post(address_url,{key:ukey},function(data){</div> var address_list=data.datas.address_list||{};</div> </div> for(var i=0;i<address_list.length;i++)</div> { </div> if(address_id==address_list[i].address_id)</div> {</div> address_html='<a class="mui-navigate-right" onclick="add_new_address()">';</div> address_html+='<span>姓名：'+address_list[i].true_name+'</span>';</div> address_html+='<span class="xxdz">详细地址：'+address_list[i].area_info+' '+address_list[i].address+'</span>';</div> address_html+='<span>联系电话：'+address_list[i].mob_phone+'</span>';</div> address_html+='</a>';</div> document.querySelector('#shrxx').innerHTML=address_html;</div> document.querySelector('input[name="address_id"]').value=address_list[i].address_id;</div> document.querySelector('input[name="area_id"]').value=address_list[i].area_id;</div> document.querySelector('input[name="city_id"]').value=address_list[i].city_id;</div> </div> </div> offpay();</div> }</div> }</div> </div> },'json')</div>