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=0i<address_list.lengthi++)
{
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')
用mui.Ajax(mui.post,mui.get)来调用接口,然后动态的MUI的控件赋值var urlAjax = "http://demo.net"
mui.ajax(urlAjax+'/GetHistoryList',{
data:{
psId:psId
},
dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
async: false,
timeout:10000,//超时时间设置为10秒;
success:function(json){
//服务器返回响应,根据响应结果,分析是否登录成功;
},
error:function(xhr,type,errorThrown){
//异常处理;
mui.alert('网络延时,请重新加载!', '系统提示')
}
})
JSONget直接解析比json内容: { 'country':"" } 调: function(data){ console.log(data.city) // } 详情参照w三cgetJSON API解析JSON参照 JSON.stringify() JSON.parse()两函欢迎分享,转载请注明来源:内存溢出
评论列表(0条)