MUI-AJAX实现数据请求

本是古典何须时尚 2022-08-04 05:26 225阅读 0赞

mui框架基于htm5plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型； 本着极简的设计原则，mui提供了mui.ajax方法，并在mui.ajax方法基础上，进一步简化出最常用的mui.get()、mui.getJSON()、mui.post()三个方法。
    mui.ajax()方法通过HTTP请求加载远程数据，是mui框架底层Ajax的实现方法，使用方法：mui.ajax(url[,setting])，其中url表示请求发送的目标地址，setting是一个json对象，支持的参数主要包括：

参数 类型 描述  
data Object 发送到服务器的数据，可以是json对象或字符串  
dataType String 预期服务器返回的数据类型；如果不指定，mui将自动根据HTTP包的MIME头信息自动判断；支持设置的dataType可选值：  
“xml”: 返回XML文档  
“html”: 返回纯文本HTML信息；  
“script”: 返回纯文本JavaScript代码  
“json”: 返回JSON数据  
“text”: 返回纯文本字符串  
error Function 请求失败时触发的函数，该函数接收三个参数：  
xhr：xhr实例对象，类型是XMLHttpRequest  
type：错误描述，类型是String，可取值除了’null’外，其它可能值：”timeout”, “error”, “abort”, “parsererror”  
errorThrown：可捕获的异常对象，类型是String  
success Function 请求成功时触发的回调函数，该函数接收三个参数：  
data：服务器返回的响应数据，类型可以是json对象、xml对象、字符串等；  
textStatus：状态描述，参数类型是String，默认值为’success’  
xhr：xhr实例对象，类型是XMLHttpRequest  
timeout Number 请求超时时间（毫秒），默认值为0，表示永不超时；若超过设置的超时时间(非0的情况)，依然未收到服务器响应，则触发error回调  
type String 请求方式，目前仅支持’GET’和’POST’，默认为’GET’方式  
代码示例：如下为通过post方式向某服务器发送鉴权登录的代码片段