vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法

在VUE开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时，一定需要给一个数据初始值。

看下例：

new Vue({

el:'#app',

data:{data:""},

created:function(){

var url="json.jsp";

var _self=this;

$.get(url,function(data){

_self.data=eval("(" + data +")");

})

/*

this.$http.get(url).then(function(data){

var json=data.body;

this.data=eval("(" + json +")");

},function(response){

console.info(response);

})*/

}

});

这里必须设置 vue的data的初始数据，即使此时数据为空。

在使用ajax获取数据时，使用vue-resource 更加合适。

使用vue-resource代码如下：

new Vue({

el:'#app',

data:{data:""},

created:function(){

var url="json.jsp";

this.$http.get(url).then(function(data){

var json=data.body;

this.data=eval("(" + json +")");

},function(response){

console.info(response);

})

}

});

这里我们看到设置VUE实例数据时，直接使用 this.data 就可以设置vue的数据了。

使用jquery的时候，代码如下：

new Vue({

el:'#app',

data:{data:""},

beforeCreate:function(){

var url="json.jsp";

var _self=this;

$.get(url,function(data){

_self.data=eval("(" + data +")");

})

}

});

这里在需要先将 this 赋值给 _self ,让后在jquery的get方法中进行使用，这样使用起来没有vue-resource方便。

debug - vue中通过ajax获取数据时,如何避免绑定的数据中出现property of undefined错误

因为获取服务器是异步的,所以 vue 先绑定数据. 如果 ??? 是通过 ajax 异步获取的,在获取之前,???是未定义的.此时在外面的标签上添加一个 v-if="???" 可以 ...

vue 中通过 ajax 获取数据时，如何避免绑定的数据中出现 property of undefined 错误

参考链接:https://segmentfault.com/q/1010000008264089?_ea=1597485

vue在使用ajax获取数据时，两种方法(jquery和vue_resource)

@{    Layout = null;}

   

jquery通过ajax获取数据，控制显示的数据条数

效果图: 现在我们可以先看它的json数据,如图所示:                然后可以对应我们的代码进行理解. jquery通过ajax获取数据,并通过窗口大小控制显示的数据条数,以及可以根据 ...

jquery.ajax和Ajax 获取数据

前几天接触了jquery 看到里面ajax的部分,自己也不是很懂,然后有重复看了即便,然后写了一个小功能,分享下...我刚学的.有错误的请指教. 验证用户名是否存在 在checkname_jqajax ...

随机推荐

[WCF编程]10.操作：回调操作

一.回调操作概述 WCF支持服务将调用返回给它的客户端.在回调期间,许多方面都将颠倒过来:服务将成为客户端,客户端将编程服务.回调操作可以用在各种场景和应用程序中,但在涉及事件或者服务发生时间需要通知 ...

C#自定义属性(跟成员变量的区别)

属性声明 public int age { get; set; } 从功能上等价于 private int m_age; public int age {get { return m_age; }se ...

.Net连接数据库-曾,删,改,查(AOD.Net)

连接数据库 static void Main(string[] args) { //SqlConnection conn = new SqlConnection();//实例化 //conn.Conn ...

【转】iOS开发拓展篇—静态库

原文网址:http://www.cnblogs.com/wendingding/p/3893095.html iOS开发拓展篇-静态库 一.简单介绍 1.什么是库? 库是程序代码的集合,是共享程序代码 ...

Exchange模式功能

Exchange模式: Outlook中的投票功能: 新建邮件--选项--使用投票按钮

compass(sass)+seajs+frozenui+frozenjs+svn主干分支

1.compass框架 sass编译 1.compass create 项目名 2.cd目录,执行compass watch 2.frozen框架 js(frozen.js),css(global.c ...

android小知识之多个listview在同一界面只有item高亮

我的工程里面一个activity有两个有圆角的listview,就是 自定义的 CornerListView继承ListView,  然后  我想圆角的listview A点击之后一个item会高亮  ...

数论+dp Codeforces Beta Round #2 B

http://codeforces.com/contest/2/problem/B 题目大意:给你一个n*n的矩形,问从(1,1)出发到(n,n),把图中经过的所有的数字都乘在一起,最后这个数字有多少 ...

POJ 2585 Window Pains 题解

链接:http://poj.org/problem?id=2585 题意: 某个人有一个屏幕大小为4*4的电脑,他很喜欢打开窗口,他肯定打开9个窗口,每个窗口大小2*2.并且每个窗口肯定在固定的位置上 ...