uniapp 网络请求

ゞ浴缸里的玫瑰 2021-07-24 11:27 525阅读 0赞

使用箭头函数避免this指向,回调中的this不是当前页面的this
    回调不是箭头函数,this的指向不是当前Vue实例
    1、get
    		uni.request({
    			url:"路径",
    			success:(res)=>{
    				res为返回的数据
    			}
    		})
    			
    2、post
    		uni.request({
    			url:"路径",
    			data:{
    				参数键值对
    			},
    			success:(res)=>{
    				res为返回的数据
    			}
    		})

[文档][Link 1]

代码示例:

<template>
    	<view>
    		<view class='box'>
    			{ { msg}}
    		</view>
    		<text class='iconfont icon-shipin '></text>
    		<text class='iconfont'></text>
    		<text v-if="true" v-html="hhh">wwww</text>
    		<button type="primary" @click="get">按钮</button>
    		
    		<view v-for="(item,index) in list" :key="index">
    			<view>{ { item}}</view>
    		</view>
    	</view>
    </template>
    
    <script>
    export default{ 
    	data()
    	{ 
    		return{ 
    			msg:'数据',
    			hhh:'ww',
    			list:[1,2,3,4,5,6,7,8]
    		}
    	},
    	onReachBottom()
    	{ 
    		this.list.push(10);
    		
    	},
    	methods:{ 
    		get()
    		{ 
    			uni.request({ 
    				// method:"POST",
    				url:"http://api.tianapi.com/txapi/ncov/index",
    				data:{ 
    					key:"4a8edfc8ac5eae9b0c5bf08157abba96"
    				},
    				success:function(res){ 
    					console.log(res);
    				}
    			})
    		}
    	},
    
    }
    </script>
    
    <style scoped>
    	@import url("../css/a.css");
    	.box{ 
    		height: 1000rpx;
    		width: 375rpx;
    		background-color: #4CD964;
    	}
    	.box1{ 
    		background-color: #007AFF;
    	}
    </style>

[Link 1]: https://uniapp.dcloud.io/api/request/request

发表评论取消回复

表情：

评论列表（有 0 条评论，525人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp网络请求获取数据_网络IO模型的介绍引出nginx的网络IO模型

1. 什么是IO？简单来说就是输入输出 2. 网络IO经历步骤 1. 用户在获取网络资源是在进入网卡，经过网络七层模型将请求交给nginx用户进程 2

r囧r小猫/ 2023年01月02日 04:30/ 0 赞/ 228 阅读

相关 uniapp封装网络请求(post+token)

先看代码，复制使用即可，一共三个步骤，具体使用方式下文将清楚罗列，任何新手都可以轻松了解和使用。同时您将为此省下很多宝贵时间。下面是请求的封装,您需要在根目录下新建`G

一时失言乱红尘/ 2022年11月29日 00:51/ 0 赞/ 615 阅读

相关 uniapp封装request请求

步骤如下： 1、项目下新建common文件夹，再创建request.js文件 ![777c8043f1259002e7f925313ffa12aa.png][] 2、打

忘是亡心i/ 2022年10月12日 15:00/ 0 赞/ 289 阅读

相关 uniapp封装request请求

步骤如下： 1、项目下新建common文件夹，再创建request.js文件 ![777c8043f1259002e7f925313ffa12aa.png][] 2、打开

今天药忘吃喽~/ 2022年10月11日 00:45/ 0 赞/ 270 阅读

相关 uniapp 数据网络请求封装以及通用使用

index.js import http from './interface' / 将业务所有接口统一起来便于维护如果

缺乏、安全感/ 2021年09月19日 13:48/ 0 赞/ 754 阅读

相关 uniapp unirequest 网络请求封装

import urlConfig from './config.js' const request = {} const headers

╰半橙微兮°/ 2021年09月17日 22:36/ 0 赞/ 538 阅读

相关 uniapp网络请求/轮播图/scroll-view

设置尺寸自动转换 HBuilderX - 偏好设置 - 编辑器配置 - px转rpx/upx比例 750设计稿 - 比例750/750 = 1 350设

系统管理员/ 2021年09月13日 15:54/ 0 赞/ 876 阅读

相关 uniapp网络请求封装；小程序请求接口封装；uni.request接口封装

[另一篇全面封装文章][Link 1] [资源文章下载地址][Link 2] 1.正常使用uni.request()发送请求(未封装) get() {

淩亂°似流年/ 2021年09月07日 06:19/ 0 赞/ 1587 阅读

相关 uniapp——发送get请求

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

悠悠/ 2021年07月25日 16:29/ 0 赞/ 539 阅读

相关 uniapp 网络请求

使用箭头函数避免this指向,回调中的this不是当前页面的this 回调不是箭头函数,this的指向不是当前Vue实例 1、get uni

ゞ浴缸里的玫瑰/ 2021年07月24日 11:27/ 0 赞/ 526 阅读