这篇文章主要介绍Vue.js如何通过jQuery ajax获取数据实现更新后重新渲染页面,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
我们提供的服务有:成都做网站、成都网站建设、微信公众号开发、网站优化、网站认证、定海ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的定海网站制作公司
1. 引入jquery和vue.js
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" src="http://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
2. JS
<script type="text/javascript"> $(function(){ vm = new Vue({ el:'#lst', data:{ mcs : [] } }); getmc(); }); function getmc(){ $.get("getJsonData.action", function(msg){ vm.mcs = msg }); } </script>
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.titles}}</a> </p> </div> </div><p> <input type="button" onclick="getmc()" value="更新页面" /> </p>
以上是“Vue.js如何通过jQuery ajax获取数据实现更新后重新渲染页面”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
新闻名称:Vue.js如何通过jQueryajax获取数据实现更新后重新渲染页面
本文链接:/article2/ippdoc.html
成都网站建设公司_创新互联,为您提供移动网站建设、自适应网站、面包屑导航、网站内链、网站营销、定制开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联