PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HBuilderX教程 > 正文

    mui框架 后台数据如何读取到页面??

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:今天一个网友问到mui框架 后台数据如何读取到页面??其实很简单了,只要你会前端js代码,就没有什么难度,现在讲解一下。数据主要是用mui...
    今天一个网友问到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

    举个简单的例子:

     var address_url=htts+'mobile/index.php?act=member_address&op=address_list';    
      mui.post(address_url,{key:ukey},function(data){
                 var  address_list=data.datas.address_list||{};
                 
                 for(var i=0;i<address_list.length;i++)
                 { 
                  if(address_id==address_list[i].address_id)
                  {
                  address_html='<a  class="mui-navigate-right" onclick="add_new_address()">';
               address_html+='<span>姓名:'+address_list[i].true_name+'</span>';
               address_html+='<span class="xxdz">详细地址:'+address_list[i].area_info+' '+address_list[i].address+'</span>';
                address_html+='<span>联系电话:'+address_list[i].mob_phone+'</span>';
               address_html+='</a>';
               document.querySelector('#shrxx').innerHTML=address_html;
                   document.querySelector('input[name="address_id"]').value=address_list[i].address_id;
           document.querySelector('input[name="area_id"]').value=address_list[i].area_id;
          document.querySelector('input[name="city_id"]').value=address_list[i].city_id;
          
          
          offpay();
                  }
                 }
               
      },'json')


    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-146-2502-1.html
    相关热词搜索: