vue.js配合$.post从后台获取数据简单demo分享

首先导入

成都创新互联公司专业为企业提供伊宁网站建设、伊宁做网站、伊宁网站设计、伊宁网站制作等企业网站建设、网页设计与制作、伊宁企业网站模板建站服务,10年伊宁做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

html样式:

js部分:

var vm = new Vue({
  el: '#main-content',
  data: {
  items : []
  }, //end data
  created:function(){
  $.post("/island/stage/queryOneAllNews.do",{"categoryid":parseInt(categoryid)},function(data){
  vm.items = data;
  });//end post
  } //created
 }); //end vue

注意:返回的json数组 并不需要JSON.stringify(data) 转成json字符串 items 这里需要的是json对象

当然 官网上推荐的是使用axios npm这种方式。

以上这篇vue.js配合$.post从后台获取数据简单demo就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


名称栏目:vue.js配合$.post从后台获取数据简单demo分享
路径分享:http://scyanting.com/article/jidjse.html