2017-12-18 41 views
0

我正在與微服務在足球比賽中的比賽。每個MATCH都有一個HOME團隊和AWAY團隊。什麼是更好的方式從JavaScript中的鏈接獲取值的JSON

matches" : [ { 
    "start_at" : "2018-06-14T18:00:00.000+0000", 
    "num" : 1, 
    "knockout" : false, 
    "scoreHome" : 0, 
    "scoreAway" : 0, 
    "scoreHomeET" : 0, 
    "scoreAwayET" : 0, 
    "scoreHomePenalties" : 0, 
    "scoreAwayPenalties" : 0, 
    "resultRegularTime" : 0, 
    "_links" : { 
    "self" : { 
     "href" : "http://localhost:8080/matches/1" 
    }, 
    "match" : { 
     "href" : "http://localhost:8080/matches/1" 
    }, 
    "away" : { 
     "href" : "http://localhost:8080/matches/1/away" 
    }, 
    "home" : { 
     "href" : "http://localhost:8080/matches/1/home" 
    }, 
    "round" : { 
     "href" : "http://localhost:8080/matches/1/round" 
    } 
    } 
}, 

在我反應的應用程序中,我用axios讀取這些值。一切都很好,但什麼是更好的方式來訪問鏈接的JSON數據?

我想要得到的客隊在鏈接的價值: 「離開」:{ 的 「href」: 「http://localhost:8080/matches/1/away」 },

喜歡的東西 常量awayTeam = {} match.away一種東西

有什麼更好的方法來做到這一點?

感謝

+0

你是說最好的方法?或者更好的方法會好嗎? –

+0

Sembei。我在做什麼是: 1-在鏈接選項卡中獲取URL的值。 2 - 向此URL發出另一個請求並映射到變量中。 我想知道是否有一種「懶惰」的方式來做到這一點。我認爲我正在用這種方式愚蠢 –

+0

你需要服務器來實現你的目標。另一種做你想做的是使用URLSearchParams。 – AESTHETICS

回答

0

這是你如何能使用URLSearchParams做到這一點:

var paramsString = "link=away&element=0"; 
 
var searchParams = new URLSearchParams(paramsString); 
 

 
var data= [{ 
 
    "start_at" : "2018-06-14T18:00:00.000+0000", 
 
    "num" : 1, 
 
    "knockout" : false, 
 
    "scoreHome" : 0, 
 
    "scoreAway" : 0, 
 
    "scoreHomeET" : 0, 
 
    "scoreAwayET" : 0, 
 
    "scoreHomePenalties" : 0, 
 
    "scoreAwayPenalties" : 0, 
 
    "resultRegularTime" : 0, 
 
    "_links" : { 
 
    "self" : { 
 
     "href" : "http://localhost:8080/matches/1" 
 
    }, 
 
    "match" : { 
 
     "href" : "http://localhost:8080/matches/1" 
 
    }, 
 
    "away" : { 
 
     "href" : "http://localhost:8080/matches/1/away" 
 
    }, 
 
    "home" : { 
 
     "href" : "http://localhost:8080/matches/1/home" 
 
    }, 
 
    "round" : { 
 
     "href" : "http://localhost:8080/matches/1/round" 
 
    } 
 
    } 
 
}]; 
 

 
var numberofElement = parseInt(searchParams.get("element")); 
 
var kindofLink = searchParams.get("link"); 
 
console.log(data[[numberofElement]]._links[kindofLink].href);

這裏是mozilla.org with example on how to use URLSearchParams similar to mine的鏈接。

相關問題