更新记录

1.0（2023-06-01）

组件初始化

平台兼容性

非常简单通用Request网络请求 支持请求成功 失败回调

使用方法

引入common.js文件

    import common from '../../common/common.js'

            requestData(){

                let reqData = {
                    "sv": '200',
                    "tid":'gda',
                    'tv': 'r20230530',
                    'st':'env'
                }

                // 请求数据
                common.sendRequest('POST', common.KTradeid_policy, reqData, (data) => {

                    console.log('成功返回数据 =  ' + JSON.stringify(data));

                    uni.showModal({
                        title:'温馨提示',
                        content:'请求返回数据 = ' + JSON.stringify(data)
                    })

                }, (data) => {

                    console.log('失败返回数据 =  ' + JSON.stringify(data));

                })
            }

HTML代码部分

<template>
    <view class="content">
        <button style="margin: 26px 60px;" @click="requestData"> 点击发送简单通用请求 </button>

        <view class="text-area">
            <text class="title">{{title}}</text>
        </view>
    </view>
</template>

JS代码 （引入组件 填充数据）

<script>
    import common from '../../common/common.js'

    export default {
        data() {
            return {
                title: 'Hello'
            }
        },

        methods: {

            requestData(){

                let reqData = {
                    "sv": '200',
                    "tid":'gda',
                    'tv': 'r20230530',
                    'st':'env'
                }

                // 请求数据
                common.sendRequest('POST', common.KTradeid_policy, reqData, (data) => {

                    console.log('成功返回数据 =  ' + JSON.stringify(data));

                    uni.showModal({
                        title:'温馨提示',
                        content:'请求返回数据 = ' + JSON.stringify(data)
                    })

                }, (data) => {

                    console.log('失败返回数据 =  ' + JSON.stringify(data));

                })
            }

        }
    }
</script>

CSS

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
</style>