mui.ajax

news2024/9/29 15:29:05
mui.ajax(
    'http:xxxxxxxxxx/login',//请求的地址
    {
    	data:{},//传给服务器的数据,一般在post请求中
    	dataType:'json',//服务器返回数据的格式;
    	type:'post',//HTTP请求类型;目前仅支持post/get
    	timeout:5000,//设置超时时间
    	async:true,//是否异步;true/false
    	crossDomain:true,//是否强制使用5+跨域
    	contentType:"application/json;charset=UTF-8",//提交数据的方式;当为application/json时,一般放在headers中
    	processData:true, //是否将data中非字符串转为key=value类型的数据格式
    	headers:{'Content-Type':'application/json'},//指定HTTP的请求头  
    	beforeSend:function(){
    	    //发送给服务器之前的回调
    	},
    	success:function(data){
    		//服务器返回响应,根据响应结果,分析是否登录成功;
    		...
    	},
    	error:function(xhr,type,errorThrown){
    		//异常处理;
    		console.log(type);
    	}
    }
);
复制代码

部分参数介绍:

1、dataType

dataType为服务器返回过来的数据的格式。
支持返回的类型有:
"json",返回json格式的数据;
"xml",返回xml文档;
"html",返回纯文本HTML信息;
"script", 返回纯文本JavaScript代码;
"text", 返回纯文本字符串;

2、contentType

contentType主要用于post请求,一般都是放在请求头headers:{"Content-Type":""}中,这样服务端就可以根据请求头中的Content-Type字段来获取消息主体的编码方式,进而进行解析数据。

contentType支持的类型有:
(1)"application/x-www-form-urlencoded"(默认),用于提交表单,数据会转换为键值对并按照 key1=val1&key2=val2 的方式进行编码。

(2)"multipart/form-data",用于提交表单,将数据处理为一条消息,以标签为单元,用分隔符(这就是boundary的作用)分开。

(3)"application/json",作为响应头比较常见。

(4)"text/xml",用于传输和存储数据,提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。

(5)"binary (application/octet-stream)",只能提交二进制,而且只能提交一个二进制,如果提交文件的话,只能提交一个文件,后台接收参数只能有一个,而且只能是流(或者字节数组)。

3、processData

processData布尔值类型

为了匹配默认的content-type("application/x-www-form-urlencoded"), mui默认会将data参数中传入的非字符串类型的数据转变为key1=value&key2=value2格式的查询串; 如果业务需要,希望发送其它格式的数据(比如Document对象),可以设置processDatafalse

4、beforeSend

beforeSend,在启动Ajax请求之前触发,可以修改XMLHttpRequest对象(如果需要,可以设置其他头,如修改请求头setRequestHeader)。

 

5、error

error:function(xhr,type,errorThrown){},在请求发生错误时才调用此事件。
该函数接收三个参数:
xhr:xhr实例对象;
type:错误描述,可取值:"timeout","error","abort","parsererror","null";
errorThrown:可捕获的异常对象;


success回调函数中也有三个参数,只是平时就用一个罢了。

mui.ajax()的简写

1、post方式

直接使用post请求方式向服务器发送数据、且不处理timeout和异常(若需处理异常及超时,就要使用mui.ajax()方法)

mui.post('http:xxxxxxxxxx/login',{
		username:'username',
		password:'password'
	},function(data){
		//服务器返回响应,根据响应结果,分析是否登录成功;
		...
	},'json' //返回json格式的数据,相当于参数dataType的值
);
复制代码

2、get方式

直接使用get请求方式向服务器发送数据、且不处理timeout和异常(若需处理异常及超时,请使用mui.ajax()方法)

mui.get('http:xxxxxxxxxx/list',
    {category:'news'},//给分类加属性,选填
    function(data){
		//获得服务器响应
		...
    },'json'//返回json格式的数据,相当于参数dataType的值
);
复制代码

3、getJSON方式

限定返回json格式的数据,其它参数和mui.get()方法一致

mui.getJSON('http:xxxxxxxxxx/list',
    {category:'news'},//给分类加属性,选填
    function(data){
		//获得服务器响应
		...
    }
);

作者:_村长_
链接:https://juejin.cn/post/6850418121644179463
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/438317.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

应急照明和疏散指示系统在化工厂房中的设计与产品选型

【摘 要】《消防应急照明和疏散指示系统技术标准》(GB 51309-2018)的颁布,使应急照明和疏散指示的设计理念及设计方案发生了颠覆性的改变。化工企业在进行系统设计时也有其自身的特点及问题,现根据实际案例,解析化工企业应急照明和疏散指示系…

echrts 工程项目可视化

Echarts 常用各类图表模板配置 注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项; 以下代码都可以复制到 Echarts 官网,直接预览; 图标模板目录 Echarts 常用各类图表模板配置一、工程项目可视化二、…

记录-new Date() 我忍你很久了!

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 大家平时在开发的时候有没被new Date()折磨过?就是它的诸多怪异的设定让你每每用的时候,都可能不小心踩坑。造成程序意外出错,却一下子找不到问题出处,那…

受安全威胁困扰的时代的可见性和人工智能

安全漏洞和事件以惊人的规律性发生,媒体报道的大人物,只是发生的实际数量的一小部分。 就在上周,横跨澳大利亚和新西兰的主要金融服务提供商 Latitude Financial 公布了影响其 1400 万客户的网络攻击和数据泄露的详细信息。 如果我们要确保…

一致性框架设计方案

补充组件依赖 前言 对于供应链业务,一般对数据一致性要求高。且由于业务复杂,可能会存在一个业务功能触发几个异步操作的场景,且要保证相关操作同时触发或不触发。 为了降低技术设计难度、代码编写难度,特意设计最终一致性框架&a…

Vue - 实现垂直菜单分类栏目,鼠标移入后右侧出现悬浮二级菜单容器效果(完整示例源码,详细代码注释,一键复制开箱即用)

前言 网上的教程都太乱了,各种杂乱无注释代码、图片资源丢失、一堆样式代码,根本无法改造后应用到自己的项目中。 本文实现了 在 Vue / Nuxt 项目中,垂直分类菜单项,当用户鼠标移入菜单后,右侧自动出现二级分类悬浮容器盒子效果, 您可以直接复制源码,然后按照您的需求再…

pyecharts从入门到精通-地图专题BMap-世界地图和中国城市地图

文章目录 参考安装与查看pyecharts地图实现-BMap案例演示案例演示-杭州热门旅行线路图拓展-pyecharts中BMap源码 参考 官方文档:https://pyecharts.org/#/zh-cn/quickstart Bmap - Hiking_trail_in_hangzhou 安装与查看pyecharts 安装pyecharts pip install pyecharts2.0.3…

傅里叶级数FS,连续时间傅里叶变换CTFT,离散时间傅里叶变换DTFT,离散傅里叶变换DFT,推导与联系(二)

由于本文公式所占用的字符比较多,无法在一篇博客中完整发布,所以将其分为两篇博客。本篇主要介绍了离散傅里叶变换 DFT 的内容,以及相关的总结。对于前置内容,包括傅里叶级数 FS,连续时间傅里叶变换 CTFT,以…

【小程序】手动实现switch开关中带文字效果(开关左右文字相同/不同都可以)

最终效果&#xff1a; 左右文字宽度相同 左右文字宽度不同 左右长度相同 效果&#xff1a;配合wx:show切换 注意&#xff1a;左右长度相同的话可以设置合适的相同的宽度。 html&#xff1a; <view class"switch"><viewclass"switchNums {{ swi…

什么是Web1.0时代、Web2.0时代、Web3.0时代?

什么是Web1.0时代、Web2.0时代、Web3.0时代&#xff1f; 互联网的起源。1969年美国的阿帕网的出现标志着互联网的诞生&#xff0c;而1973年第一台个人电脑The Xerox Alto的出现就预示了互联网将蓬勃生长&#xff0c;随之而来的就是我们迈入了信息时代。短短几十年的发展&#x…

【服务器数据恢复】Storwize存储上的Oracle数据库数据恢复案例

服务器数据恢复环境&#xff1a; IBM Storwize某型号存储&#xff0c;共10块磁盘&#xff0c;组建了2组Mdisk加入到一个存储池中&#xff0c;创建了一个通用卷存放数据&#xff0c;存放的数据包含oracle数据库。 服务器故障&#xff1a; 存储中其中一组Mdisk有两块磁盘出现故障…

三百左右蓝牙耳机选哪个?300元左右半入耳式耳机推荐

目前TWS耳机十分火热&#xff0c;成为许多人出行、娱乐的必要工具&#xff0c;但同时许多厂商也看到了这块的市场&#xff0c;大小品牌、各种形态的耳机产品应有尽有&#xff0c;某宝随便一搜就是几万个链接&#xff0c;下面整理了几款300左右价位的耳机品牌分享给大家。 一、南…

【GPT4】微软 GPT-4 测试报告(2)多模态与跨学科的组合

欢迎关注【youcans的AGI学习笔记】原创作品&#xff0c;火热更新中 微软 GPT-4 测试报告&#xff08;1&#xff09;总体介绍 微软 GPT-4 测试报告&#xff08;2&#xff09;多模态与跨学科能力 微软 GPT-4 测试报告&#xff08;3&#xff09;编程能力 微软 GPT-4 测试报告&…

【服务器】XShell报错:应用程序无法正常启动(0xc000007b)

XShell报错&#xff1a;应用程序无法正常启动(0xc000007b) 某一天&#xff0c;Win上XShell启动时突然报错如下&#xff1a; 报错信息&#xff1a;应用程序无法正常启动(0x000007b)。请单击“确定”关闭应用程序。 卸载XShell重装后该问题仍然存在。 解决方法&#xff1a; 下…

设计模式 -- 迭代器模式

前言 月是一轮明镜,晶莹剔透,代表着一张白纸(啥也不懂) 央是一片海洋,海乃百川,代表着一块海绵(吸纳万物) 泽是一柄利剑,千锤百炼,代表着千百锤炼(输入输出) 月央泽,学习的一种过程,从白纸->吸收各种知识->不断输入输出变成自己的内容 希望大家一起坚持这个过程,也同…

107页园区大数据治理解决方案2022(ppt可编辑)

本资料来源公开网络&#xff0c;仅供个人学习&#xff0c;请勿商用&#xff0c;如有侵权请联系删除。 篇幅有限&#xff0c;无法完全展示&#xff0c;喜欢资料可转发评论&#xff0c;私信了解更多信息。

强训之【求最大连续的bit数和最近公共祖先】

目录 1.求最大连续的bit数1.1题目1.2思路1.2.1暴力求解1.2.2 字符串分割求解1.2.3 位运算“与”求解 1.3代码1.3.1暴力求解代码1.3.2字符串分割求解代码1.3.3位运算“与”求解 2.最近公共祖先2.1题目2.2思路2.3代码 3.选择题 1.求最大连续的bit数 1.1题目 链接: link 描述 求…

《花雕学AI》21:ChatGPT能否应对脑筋急转弯?逻辑推理和创造性思维的大考验!

当我们谈到脑筋急转弯时&#xff0c;很多人都会感到兴趣和好奇。脑筋急转弯是一种智力游戏&#xff0c;可以锻炼我们的思维能力以及解决问题的能力。然而&#xff0c;对于许多人来说&#xff0c;脑筋急转弯也是一项相当具有挑战性的任务。在这个过程中&#xff0c;我们需要运用…

RISE with SAP,亚马逊云科技开启全新的SAP现代化之路

在不确定性依然存在的当下&#xff0c;快速进行现代化转型与创新&#xff0c;是企业走向成功的必经之路。而现代化转型与创新对于众多企业而言&#xff0c;意味着对SAP进行现代化改造。实现这一改造&#xff0c;能为企业带来包括创新业务模型、快速响应客户不断变化的需求、增加…

推荐系统数据集之MovieLens

1.概述 MovieLens其实是一个推荐系统和虚拟社区网站&#xff0c;它由美国 Minnesota 大学计算机科学与工程学院的GroupLens项目组创办&#xff0c;是一个非商业性质的、以研究为目的的实验性站点。GroupLens研究组根据MovieLens网站提供的数据制作了MovieLens数据集合&#xff…