vuejs使用axios与后台进行http数据交互的简单使用

首先需要安装vue和axios,或者可以在html中引入vue.js和axios;

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

js

methods: {
        axiosFun() {
            axios({
                url: dataClass.baseurl + "/trade/pendingOrders?",
                method: "post",
                params: {
                    exchangeId: dataClass.exchangeId,
                    pageNum: myEntrust_pageNumber,
                    pageSize: 10,
                },
                headers: {
                    'token': token
                },
            }).then(res => {
                var data = res.data;
                tranEntrustTotal = data.total;
                if (tranEntrustTotal == 0) {
                    $('#tran_entrustDl').hide();
                    $('#tran_noHave_entrust').show();
                } else if (data.code == 1) {
                    $('#tran_entrustDl').show();
                    $('#tran_noHave_entrust').hide();
                    $('#tranMyEntrust_most').show();
                    $('#tranMyEntrust_noMost').hide();
                    if (data.rows.length < 10) {
                        $('#tranMyEntrust_most').hide();
                        $('#tranMyEntrust_noMost').show();
                    }
                    if (data.rows.length > 0) {
                        this.tableList = data.rows;
                    }
                } else {
                    popAlert(data.message);
                }
            })
        .catch(function(e){
            console.log(e);
              })
        },
        setTime() {
            setInterval(this.axiosFun, 5000);
        }
    },
    created() {
        this.axiosFun();
        this.setTime();
    }