uni-app发送get请求

太过爱你忘了你带给我的痛 2021-07-25 00:37 1103阅读 0赞

# 一 点睛 #

官网地址： [http://uniapp.dcloud.io/api/request/request][http_uniapp.dcloud.io_api_request_request]

# 二 代码 #

<template>
        <view>
            <view>
                <button @click="getData">发送get请求</button>
            </view>
            <view>这是列表页</view>
            <view class="box-item" v-for="item in list">{
       {item}}</view>
            
        </view>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    list: ['前端', 'java', '测试', 'UI', '大数据', '前端', 'java', '测试', 'UI', '大数据']
                }
            },
            onPullDownRefresh() {
                this.list = ['java', '测试', '前端', 'UI', '大数据']
                setTimeout(() => {
                    uni.stopPullDownRefresh()
                }, 2000)
            },
            onReachBottom() {
                this.list = [...this.list, ...['java', '测试', '前端', 'UI', '大数据']]
            },
            methods: {
                pullDown() {
                    uni.startPullDownRefresh()
                },
                getData() {
                    uni.request({
                        url: 'http://127.0.0.1:8888/api/private/v1/users', //仅为示例，并非真实接口地址。
                        success: (res) => {
                            console.log('get成功');
                            console.log(res.data);
                        },
                        fail:(res)=>{
                            console.log('get失败');
                            console.log(res.data);
                        }
                    });
                }
            }
        }
    </script>
    <style>
        .box-item {
            height: 100px;
            line-height: 100px;
        }
    </style>

# 三 效果 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

[http_uniapp.dcloud.io_api_request_request]: http://uniapp.dcloud.io/api/request/request
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/6ad4eb9057a646399aece8bff9446907.png