Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面
来源:互联网 发布:安卓收音机软件 编辑:程序博客网 时间:2024/06/04 18:58
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 ">{{mc.titles}}</a> </p> </div> </div><p> <input type="button" onclick="getmc()" value="更新页面" /></p>
阅读全文
0 0
- Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面
- 一例解析通过$.ajax()获取后台服务器数据并通过vue渲染在页面中
- vue.js,ajax渲染页面
- ajax请求+vue.js渲染+页面加载
- Ajax获取数据渲染到页面
- vue修改对象的属性值后页面不重新渲染
- jquery ajax 数据渲染
- Vue.js 数据更新后,视图不会更新的异常
- jquery使用ajax实现页面局部更新
- js通过jQuery的获取页面数值
- Vue.js实现表格渲染
- jquery datatable 通过ajax从后台获取每个分页数据后,搜索框无法搜索问题
- 加载ajax内容到页面后的样式重新渲染需$().listview('refresh');
- 通过jquery ajax在从服务器获取一个文件的数据,显示到客户端的页面
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 原生js,jquery通过ajax获得后台json数据动态新增页面元素
- mybatis分页功能
- CollapsingToolbarLayout内部添加背景收回滑动问题
- java生成 图片验证码
- css的零碎笔记
- 浅谈jsonp
- Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面
- HDU
- Java8新特性方法引用、构造器引用、数组引用
- Add Two Numbers
- 软件工程学习思考
- hbase shell命令
- java实现二叉树
- JavaScript利用HTML DOM进行文档操作的方法
- oracle用户与表空间关系