MUI封装的ajax请求

今天调试体测bug,发现ts里有一点axaj的代码,好奇为什么用这个,于是上网查一查,大概了解了一下.

因为我们前端用了MUI的框架,但是MUI框架基于htm5plus的XMLHttpRequest,封装了常用的Ajax函数,支持GET,POST的请求方式,支持返回json,xml,html,script数据类型;

MUI 提供了mui.ajax方法,并在mui.ajax方法基础上,进一步简化出最常用的mui.get(),mui.getJSON(),mui.post()三个方法;

参数解析：

url Type: String 请求发送的目标地址

async Type: Boolean 发送同步请求

data {xx:xx,xxx:xxx} 发送到服务器的业务数据

dataType "xml": 返回XML文档,"html": 返回纯文本HTML信息；,"script": 返回纯文本JavaScript代码,"json": 返回JSON数据,"text": 返回纯文本字符串

error 请求失败时触发的回调函数，该函数接收三个参数： (xhr：xhr实例对象,type：错误描述，可取值："timeout", "error", "abort", "parsererror"、"null",errorThrown：可捕获的异常对象)

success 请求成功时触发的回调函数，该函数接收三个参数：(data：服务器返回的响应数据，类型可以是json对象、xml对象、字符串等；,textStatus：状态描述，默认值为'success', xhr：xhr实例对象)

timeout 请求超时时间（毫秒），默认值为0，表示永不超时；若超过设置的超时时间(非0的情况)，依然未收到服务器响应，则触发error回调

type 请求方式，目前仅支持'GET'和'POST'，默认为'GET'方式

headers 指定HTTP请求的Header；

//由于mui具有自己的封装性，所以不能用http直接传，而是采用Ajax异步传输
const body = JSON.stringify(item)
$.ajax({
url: 'http://localhost:8081/physical-web/singlePoject/SaveStudentProjectScore/' + batchNo,
data: body,
type: 'POST',
dataType: "JSON",
contentType: "application/json;charset=UTF-8",
error: function () {
this.msgs = [];
this.msgs.push({ severity: 'error', summary: '提示', detail: '请求资源失败' });
},
success: function (data) { //提示缺考成功
console.log(data);
mui.toast(studentname + '保存缺考成功');
document.getElementById("btnSaveAbsentStudent").setAttribute("disabled", "disabled");
item.originalResult = "";
}
})

链接:

https://www.cnblogs.com/lidelin/p/7008876.html

https://blog.csdn.net/faremax/article/details/64127395

猜你喜欢