如果单纯的通过jQuery拼接ajax响应的数据操作DOM的话,会感觉特别复杂,jQuery的template模板就很大程度上相似于VUE.js的逻辑,以下代码仅供参考:

var vm =   new Vue({
            el : '#controller',
            data : {
                res :{}
            },
            mounted : function () {
                var that = this;
                $.ajax({
                    url : 'XXXXXX',
                //    配置参数
                }).done(function (res) {
                    that.res.names = res.data.names;
                //    以此类推
                }).fail(function () {
                    console.log("请求失败")
                })
            }
        })
 <div id="controller">
                <div>响应的文本:{{res.names}}</div>
            </div>
Logo

前往低代码交流专区

更多推荐