Vue2.X 通过 ajax 获取 API 数据(非 axios)

不多废话,笔记如下

1. javascript:

        let vm = new Vue({
            el: '#card-text',
            data: {
                info: ''
            },
            beforeCreate: function () {
                // 这个 _this 很重要,至于为什么,我也不知道
                let _this = this;
                let url = "http://localhost:5000/api/Blog";
                $.ajax({
                    url: url,
                    dataType: "json",
                    async: true,
                    //data:{"id":"value"},
                    type: "GET",
                    beforeSend: function () {

                    },
                    success: function (req) {
                            // $(req).each(function (index, item) {
                            // let abstract = item.abstract;
                            // let createTime = item.createTime;
                            // $("#card-text").html(abstract);
                            // $("#card-time").html(createTime);
                            // });
                        _this.info = req;
                    },
                    complete: function () {

                    },
                    error: function () {

                    }
                })
            }
        });

2. html:

<div class="row" id=card-text>

    <div class="col-md-4" v-for="item in info">
        {{item.XXXX}}
    </div>

</div>

猜你喜欢

转载自www.cnblogs.com/dylan1iu/p/12014060.html