我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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分享
本文URL:http://shouzuofang.com/article/jidjse.html

其他资讯