在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.并且每個窗口肯定在固定的位置上 ...

總結

以上是生活随笔為你收集整理的vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。