//vue 环境安装

http://blog.csdn.net/u013182762/article/details/53021374

一开始使用安装环境配置一些东西 ，后来发现太麻烦了 。  直接CDN 引入用自己的服务器跑起来

//cdn 引入地址：http://www.bootcdn.cn/

下面是 vue 配合 axios从后台获取数据 实现动态的数据绑定。

document

*{

margin:0;

padding:0;

}

#main{

width:auto;

margin:0 auto;

text-align:center;

}

nav{

display:inline-block;

margin:60px auto 45px;

background-color:#5597b4;

box-shadow:0 1px 1px #ccc;

border-radius:2px;

}

nav a{

display:inline-block;

padding: 18px 30px;

color:#fff !important;

font-weight:bold;

font-size:16px;

text-decoration:none !important;

line-height:1;

background-color:transparent;

-webkit-transition:background-color 0.25s;

-moz-transition:background-color 0.25s;

transition:background-color 0.25s;

cursor:pointer;

}

p{

margin:0 auto;

}

b{

display:inline-block;

padding:5px 10px;

background-color:#c4d7e0;

border-radius:2px;

font-size:18px;

}

.show{

background-color:#e35885;

}

var vm = new Vue({

el:'#main',

data:{

active:'NULL',

items:{

},

},

methods: {

makeActive: function(item, index){

this.active = item.NODE_NAME;

for(var i=0; i

this.items[i].active = false;

}

this.items[index].active = true;

}

},

mounted: function () {

this.$nextTick(function () {

var self = this;

axios.get('http://localhost:8080/ipms-volte/Grazioso_Control.jsp?Page=Anals_Dim_Select&space_ids=1,2,3,4,5&0.7043697137851268')

.then(function(res){

console.log(res.data);

for(var i=0;i

res.data.XML.result_Select_data.Data.Row[i].active = false;

};

//this.$set(this, 'itms', res.data.XML.result_Select_data.Data.Row)

self.items = res.data.XML.result_Select_data.Data.Row

})

.catch(function(err){

console.log(err);

})

});

}

});

// 下面是看到的实例

https://segmentfault.com/a/1190000006165434

//  从JQ模式 到MVVM 真的很难转过来  慢慢来吧。。。

用ajax获取后台数据，返回json数据，怎么在前台使用？

用ajax获取后台数据,返回json数据,怎么在前台使用呢?后台 C# code   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 if (dataType == &qu ...

Struts1.x下使用jquery的Ajax获取后台数据

jquery中有多种Ajax方法来获取后台数据,我使用的是$.get()方法,具体的理论我不解释太多,要解释也是从别的地方copy过来的.下面就介绍我的项目中的实现方法.     前台页面: ...

前台通过ajax获取后台数据，PHP如何返回中文数据

现在经常使用Ajax调用后台php获取后台数据,但是PHP返回的数据如果含有中文的话,Ajax会无法识别,那咋整呢,我用的是比较笨的方法,但是实用: 方法一: echo urldecode(json_ ...

bootstrap table通过ajax获取后台数据展示在table

1. 背景 bootstrap table 默认向后台发送语法的dataType为 json,但是为了解决跨域问题我们需要将dataType改为jsonp,这时就需要修改bootstrap table ...

Vue axios异步获取后台数据alert提示undefined

记录一个小问题,关于分页查询套餐 前台通过axios异步请求获取后台数据alert弹出数据提示undefined 下面有三个bean PageResult /** * 分页结果封装对象 */ publ ...

Java获取后台数据，动态生成多行多列复选框

本例目标: 获取后台数据集合,将集合的某个字段,比如:姓名,以复选框形式显示在HTML页面 应用场景: 获取数据库的人员姓名,将其显示在页面,供多项选择 效果如下: 一.后台 查询数据库,返回List ...

easyui panel异步获取后台数据在前台显示

我在使用easyui的时候,想做一个向下图所示的效果,这个panel的样式已经做好了,想从后台异步获取json数据,然后填入到文本框中,不知道哪位大神能给点指导?万分感谢! 放入表单中,使用form对 ...

js 获取后台数据分页

页面创建一个存放内容的容器,以及分页的容器: