vue ajax转json,Vue ajax 请求后 更新 json数据

js

$.ajax({

type : "GET",

url : "foucsLists.json",

dataType : "json",

success : function (data){

var foucsLists = data["classify"];

//vue

var drawFocusLists = new Vue({

el : "#focus-list",

data : {

todos : foucsLists

}

});

//zui popover

$('[data-toggle="popover"]').popover({

trigger : 'hover',

placement : 'top'

});

}

});

json

{

"name" : "foucs",

"classify":[

{

"title" : "设计",

"content":[

{"siteName" : "UI-Cloud", "itemTitle" : "UI-Cloud", "itemContent" : "UI搜索引擎,设计师必备,提供用户界面PSD下载", "link" : "http://ui-cloud.com/"},

{"siteName" : "优设网", "itemTitle" : "高大上", "itemContent" : "高大上的内容", "link" : "http://www.uisdc.com/"},

{"siteName" : "优设网", "itemTitle" : "高大上", "itemContent" : "高大上的内容", "link" : "http://www.uisdc.com/"}

]

},

{

"title" : "前端",

"content":[

{"siteName" : "前端1", "link" : "www.baidu.com"},

{"siteName" : "前端2", "itemTitle" : "高大上", "itemContent" : "高大上的内容", "link" : "www.baidu.com"},

{"siteName" : "前端3", "link" : "www.baidu.com"},

{"siteName" : "前端4", "link" : "www.baidu.com"}

]

}

]

}

HTML

  • {{ todo.title }}

    {{ list.siteName }}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值