串接外部網站資料

Spread the love

【聲明】本站任何文章都可能有聯盟行銷連結，當你透過文章內的連結購買產品，我可能獲得分潤，這不會增加你任何成本，並且我分享的都是自己實際使用過的資訊，更多細節請點這裡。 Disclosure: Any post on this site may contain affiliate links, meaning I get commission if you decide to make a purchase through my links, at no cost to you.

這是第一次得到 json的資料，

長得像這樣 [ { “name”: “Hero”, “age”: 5, “color”: “silver” },
{ “name”: “Euro”, “age”: 2, “color”: [“brown”, “white”, “black”] } ]

對方給了的網址，打開就是json 資料，不過我並不認得，所以直接用問的才知道

得到了 json_decode()

如果括號裡加上true就會得到陣列，否則是物件
$content_arry=json_decode($data,true);

不過因為最後要用js，於是我寫上
<?php $data=file_get_contents(‘資料網址’); ob_start(); ?>
<script type=”text/javascript”>var content_arr=<?php echo $data ?>;

之後就參考 [程式][JavaScript] 什麼是JSON？基本教學！

陣列物件混和使用：

var myCats = [ { “name”: “Hero”, “age”: 5, “color”: “silver” },
{ “name”: “Euro”, “age”: 2, “color”: [“brown”, “white”, “black”] } ];alert(myCats[0].name); //結果會跳出對話視窗，顯示HEROalert(myCats[1].age); //結果會跳出對話視窗，顯示2

就這樣，可以抓到資料，為了避免 js 不支援，其實最好一開始還是用 json_decode去echo到前端，之後才用JS切換

此外，file_get_contents也最好改用curl

 	$url='資料網址';
	$ch = curl_init();
	$timeout = 5;
	curl_setopt ($ch, CURLOPT_URL, $url);
	curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
	curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
	$output = curl_exec($ch);
	curl_close($ch);

實例：https://chaneswin.idv.tw/?p=518