MUI框架 · 异步请求：mui.get()、mui.ajax()、mui.post() 技术罗列

MUI自己的一套异步请求的语法：mui.get()、mui.ajax()、mui.post() 技术罗列

---

官网地址：ajax

官方转载 · 如下：

1. mui框架基于htm5plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型；
2. 本着极简的设计原则，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() 技术罗列 ” 的全部内内容。

扫描二维码关注公众号，回复： 6237717 查看本文章