MUI自己的一套异步请求的语法:mui.get()、mui.ajax()、mui.post() 技术罗列
官网地址:ajax
官方转载 · 如下:
- mui框架基于htm5plus的XMLHttpRequest,封装了常用的Ajax函数,
支持GET、POST请求方式
,支持返回json、xml、html、text、script数据类型
; - 本着极简的设计原则,mui提供了mui.ajax方法,并在mui.ajax方法基础上,进一步简化出最常用的
mui.get()、mui.getJSON()、mui.post()
三个方法。
mui.ajax( url[, settings])
具体参数讲解,参考官方链接,:点击 ajax 前往
代码示例:
如下面所示代码:为通过post方式向某服务器发送鉴权登录的代码片段
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){
//服务器返回响应,根据响应结果,分析是否登录成功;
...
},
error:function(xhr,type,errorThrown){
//异常处理;
console.log(type);
}
});
mui.post()
方法是对mui.ajax()
的一个简化方法, 直接使用POST请求方式向服务器发送数据、且不处理timeout
和异常(若需处理异常及超时,请使用mui.ajax()方法)
,
- 使用方法:
mui.post(url[,data][,success][,dataType])
,
如上登录鉴权代码换成mui.post()后,代码更为简洁,如下:
mui.post('http://server_name/login.php',{
username:'username',
password:'password'
},function(data){
//服务器返回响应,根据响应结果,分析是否登录成功;
...
},'json'
);
mui.get()方法和mui.post()方法类似,只不过是直接使用GET请求方式向服务器发送数据、且不处理timeout和异常(若需处理异常及超时,请使用mui.ajax()方法),
- 使用方法:
mui.get(url[,data][,success][,dataType])
,
如下为获得某服务器新闻列表的代码片段,服务器以json格式返回数据列表
mui.get('http://server_name/list.php',{category:'news'},function(data){
//获得服务器响应
...
},'json'
);
如上mui.get()
方法和如下mui.ajax()
方法效果是一致的:
mui.ajax('http://server_name/list.php',{
data:{
category:'news'
},
dataType:'json',//服务器返回json格式数据
type:'get',//HTTP请求类型
success:function(data){
//获得服务器响应
...
}
});
mui.getJSON()
方法是在 mui.get()
方法基础上的更进一步简化, 限定返回json格式的数据,其它参数和mui.get()方法一致,
- 使用方法:
mui.get(url[,data][,success])
,
如上获得新闻列表的代码换成mui.getJSON()方法后,更为简洁,具体如下:
mui.getJSON('http://server_name/list.php',{category:'news'},function(data){
//获得服务器响应
...
}
);
以上就是关于“ MUI框架 · 异步请求:mui.get()、mui.ajax()、mui.post() 技术罗列 ” 的全部内内容。