1. 引入jquery和vue.js
< type="text/ " src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></ > < type="text/ " src="http://cdn.bootcss.com/vue/2.2.2/vue.min.js"></ >
2. JS
< type="text/ ">
$(function(){
vm = new Vue({
el:'#lst',
data:{
mcs : []
}
});
getmc();
});
function getmc(){
$.get("getJsonData.action",
function(msg){
vm.mcs = msg
});
}
</ >
3. HTML
<div id="lst" v-cloak>
<div v-for="mc in mcs">
<p>
<a :href="'abbbbb.action?id=' + mc.id " rel="external nofollow" >{{mc. s}}</a>
</p>
</div>
</div><p>
<input type="button" ="getmc()" value="更新页面" />
</p>
以上这篇Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
-
阿里云肖力:云即信任
2026-05-17栏目: 教程
-
学生服务器,我为什么推荐阿里云?
2026-05-17栏目: 教程
-
【译】使用Spark SQL 运行大规模基因组工作流
2026-05-17栏目: 教程
-
RDS&POLARDB归档到X-Pack Spark计算最佳实践
2026-05-17栏目: 教程
-
快速掌握一个语言最常用的50%
2026-05-17栏目: 教程
