站点创建成功有影响吗,nas wordpress,管理咨询公司最专业的公司,商场设计调研整理文档#xff0c;搜刮出一个使用vue.js结合jquery ajax加载数据的两种方式的代码#xff0c;稍微整理精简一下做下分享。废话不多说#xff0c;直接上代码html代码demo{{message }}测试jquery加载数据{{data.name}}{{data.url}}{{data.country}}js代码/*** created by se…整理文档搜刮出一个使用vue.js结合jquery ajax加载数据的两种方式的代码稍微整理精简一下做下分享。废话不多说直接上代码html代码demo{{message }}测试jquery加载数据{{data.name}}{{data.url}}{{data.country}}js代码/*** created by sen on 2016/10/31.*///定义vue组件var vumnew vue({el: #app,data: {message: ,datas: ,},methods:{showdata:function () {jquery.ajax({type: get,url: /vue1/json/data.json,success: function (data) {vum.datas data.sites;}})}}})//使用jqueryjquery(function () {// jquery(#btn_1).bind(click, function () {// alert(jquery(#name).val());// });loaddata();})//jquery加载数据function loaddata() {jquery.ajax({type: get,url: /vue1/json/data.json,success: function (data) {vum.message data.sites[0].name;}})}json文件{sites: [{name: 百度,url: www.baidu.com,country: cn},{name: google,url: www.google.com,country: usa},{name: facebook,url: www.facebook.com,country: usa},{name: 微博,url: www.weibo.com,country: cn}]}为了模拟请求使用本地的json文件正式开发可将jquery ajax的url换成接口地址。文件目录结构见下以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持萬仟网。
