uni-app request网络请求

网络请求

发起网络请求uni.request(object)
object参数说明
在这里插入图片描述在这里插入图片描述
method 有效值
注意:method有效值必须大写,每个平台支持的method有效值不同,详细见下表。
在这里插入图片描述
success 返回参数说明
在这里插入图片描述

在uni中可以调用uni.request方法进行请求网络请求

需要注意的是:在小程序中网络相关的 API 在使用前需要配置域名白名单。

发送get请求

<template>
	<view>
		<button @click="sendGet">发送请求</button>
	</view>
</template>
<script>
	export default {
		methods: {
			sendGet () {
				uni.request({
					url: 'http://localhost:8082/api/getlunbo',
					success(res) {
						console.log(res)
					}
				})
			}
		}
	}
</script>
uni-app是一个跨平台的开发框架,可以同时开发iOS、Android和Web应用。在uni-app中,可以使用uni.request方法进行网络请求uni.request方法是封装了原生的XMLHttpRequest和fetch方法,可以发送HTTP请求并获取响应数据。它支持GET、POST等常见的请求方式,并且可以设置请求头、请求参数等。 使用uni.request方法发送网络请求的基本步骤如下: 1. 引入uni.request方法:在需要发送网络请求的页面或组件中,使用import语句引入uni.request方法。 2. 调用uni.request方法:使用uni.request方法发送网络请求,传入请求的URL、请求参数、请求头等信息。 3. 处理响应数据:在uni.request方法的回调函数中,可以获取到服务器返回的响应数据,并进行相应的处理。 以下是一个示例代码,演示了如何使用uni.request方法发送GET请求: ``` import uniRequest from '@/common/request.js'; uniRequest({ url: 'https://api.example.com/users', method: 'GET', success: (res) => { console.log(res.data); }, fail: (err) => { console.log(err); } }); ``` 在上述代码中,我们首先引入了一个名为uniRequest的封装方法,该方法封装了uni.request方法。然后,我们调用uniRequest方法发送了一个GET请求,并在成功回调函数中打印了服务器返回的数据。 需要注意的是,uni.request方法是异步的,所以我们需要通过回调函数来处理响应数据。在回调函数中,可以根据服务器返回的状态码、响应数据等进行相应的处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值