首页 > 其他分享 >uni-app发送GET和POST请求方式

uni-app发送GET和POST请求方式

时间:2022-10-13 18:25:48浏览次数:32  
标签:请求 GET url app Content result uni Type

基于上一篇文章对AJAX概念的描述,那么目前流行的uni-app到底是怎么发请求的呢,我会把格式写在下面

使用uni.request()发起GET请求: 使用uni.request()发起POST请求

let url = "url地址"

url.request( { url } ).then( result =>{ result[1].data 就是响应主体 }).catch( err=>{ } )

let url = ""

uni.request( { url,

method: 'POST',

header: {'Content-Type':'application/x-www-form-urlencoded},

data: {k:v, k:v} } )

.then(result=>{ result[1].data就是响应主体 })

.catch(err=>{ })

let url = "url地址"

let result = await uni.request( { url } )

result[1].data 就是响应主体

let url = ""

let  result = await  uni.request( { url,

method: 'POST',

header: {'Content-Type':'application/x-www-form-urlencoded},

data: {k:v, k:v} } )

result[1].data就是响应主体

ES6提供的Promise简化操作语法糖:

await:等待,用于等待一个表达式/函数的调用执行完成,再返回其执行结果

async:异步,await所在的方法必须声明为“异步的”;async修饰的方法返回值会用Promise封装

 

根据HTTP协议规定,响应消息头部中,应该有一个头部指定响应主体内容类型(有很多种):

  Content-Type:  text/html、image/jpeg、application/json、audio/mpeg3、…..

根据HTTP协议规定,请求消息头部中,应该有一个头部指定请求主体内容类型(只有4种):

  Content-Type:  text/plain    请求主体是未经编码的普通文本(一般的WEB服务器都拒收)

  Content-Type:  application/x-www-form-urlencoded   请求主体是编码后的数据

  Content-Type:  multipart/form-data   请求主体包含普通文本字段已经文件上传等多字段

  Content-Type:  application/json    请求主体是JSON字符串

 

项目中需要对服务器端接口以及接口的异步请求进行“二次封装”:

二次封装的目标——提高代码的可维护性:

① 集中管理所有的接口地址:域名、端口、访问协议

② 集中管理客户端异步请求技术,例如:uni.request、fetch、axios….

③ 集中管理项目中的“横切功能点”例如:加载中提示、请求耗时统计、执行前身份认证、执行后的日志记录….

 

标签:请求,GET,url,app,Content,result,uni,Type
From: https://www.cnblogs.com/ztyzcyp3581711/p/16789192.html

相关文章

  • [Typescript] Get class properties type in union
    Forexamplethereisaclas:exportclassModifierState{/***Returnsthemodifierstateapplicabletothekeyboardeventgiven.*......
  • Apple系统应用URL Scheme
    Apple-BrandedApps&ServicesAMSEngagementViewServiceams-ui://ams-ue://AppStoreitms-apps://itunes.apple.comOpenaccountsettingsitms-ui://Openspecifica......
  • 2022-10-13 uniapp h5端 canvas绘图显示空白
    原因:图片跨域or业务中存在undefined变量,请保证前端img添加了crossorigin="Anonymous"以及后端允许跨域。吐槽:这个问题,真的是。。。。****。嗯,以前做小程序,没出现这种问题......
  • gunicorn运行报错Error: Unable to configure root logger: Unable to add handler ‘
    把logconfig_dict改为LOGGING解决logconfig_dict={'version':1,'disable_existing_loggers':False,'loggers':{"gunicorn.error":{......
  • Object.getPrototypeOf(obj)
    ​​Object.getPrototypeOf(obj)​​ 返回指定对象的原型(内部​​[[Prototype]]​​属性的值)。obj:要返回其原型的对象。返回值:给定对象的原型。如果没有继承属性,则返回nu......
  • JS面试点- bind / call / apply
    bind/call/apply可用于this的显式绑定this绑定的是call,apply,bind的第一个参数​​call()方法​​vara={user:'fx',fn:function(){console.......
  • Unity关于引用.Net或其他C# dll的问题。(我是用的版本是2018.3)
      首先,因为我是用到了.NetWinForm中的中的一个System.Windows.WinForms中的类(OpenFileDialog)就是打开就是选择资源的一个对话框。ALT+Enter可以直接在VS中引用,但是......
  • 前端get请求怎么携带token
    有时候,get请求也需要携带token怎么办,比如请求借口到处excel数据,后端是通过当前用户信息进行校验的,普通的window.open又不方便携带请求头等信息此时就需要额外的处理了这......
  • 直播app开发搭建,关于对象内函数定义的一种方式——中括号
    直播app开发搭建,关于对象内函数定义的一种方式——中括号我们可以知道在函数内部有关于当key值和value值可以用一种写法来代替,也可以通过对象中括号的方式对属性值得获取,......
  • 前端Unicode转码的好处
    站长工具支持Unicode转码:​​http://tool.chinaz.com/Tools/Unicode.aspx​​(这是一个网页标题)转码后------>变为:\u8fd9\u662f\u4e00\u4e2a\u7f51\u9875\u6807\u9898这样做......