Vue2.X 通过 ajax 获取 API 数据（非 axios）

不多废话，笔记如下

1. javascript:

        let vm = new Vue({

            el: '#card-text',

            data: {

                info: ''

            },

            beforeCreate: function () {

                // 这个 _this 现在是指向 vue ，因为是vue调用了 beforeCreate()方法。

                // 如果这里不保存，那么this将会在下面的 success() 方法中重置，重置之后是指向调用它的对象，也就是 ajax

                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>

3. BTW：

1、函数名是一个指向函数的指针。

2、函数执行环境（this什么时候初始化）：当某个函数第一次被调用时，会创建一个执行环境，并使用this/arguments和其他命名参数的值来初始化函数的活动对象。

3、初始化指向谁：在Javascript中,this关键字永远都指向函数(方法)的所有者。

巴特西

Vue2.X 通过 ajax 获取 API 数据（非 axios）

不多废话，笔记如下

1. javascript:

2. html:

3. BTW：

最新文章

热门文章