使用JavaScript從URL中提取並使用JSON數據

Question

如何使用JavaScript提取和使用JSON數據？

例如，此URL具有以下JSON：

{
   "id": "220439",
   "name": "Bret Taylor",
   "first_name": "Bret",
   "last_name": "Taylor",
   "link": "http://www.facebook.com/btaylor",
   "username": "btaylor",
   "gender": "male",
   "locale": "en_US"
}

如何將這些數據轉換為JavaScript變量？

我現在不打算使用Facebook API或任何動態，只是將靜態URL中的JSON數據轉換為JavaScript。

在PHP中我可以輕松地這樣做：

$contents = file_get_contents($url);
$jsonObj = json_decode($contents);
echo "Name: ".$jsonObj->{'name'};

Answer 1

您需要使用AJAX或腳本加載器來獲取JSON字符串，然后解析 JSON字符串。

Answer 2

我推薦jQuery的$.getJSON()方法

http://api.jquery.com/jQuery.getJSON/

現場演示您的數據： http ： //jsfiddle.net/6ZeJ8/3/

當然，你需要jQuery來使用這個方法，把它放到HTML的<head>中，應該可以正常工作。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

使用JavaScript從URL中提取並使用JSON數據

問題描述

2 個解決方案

解決方案1
1 2012-04-27 14:40:05

解決方案2
1 已采納 2012-04-27 14:41:20

使用JavaScript從URL中提取並使用JSON數據

問題描述

2 個解決方案

解決方案1 1 2012-04-27 14:40:05

解決方案2 1 已采納 2012-04-27 14:41:20

解決方案1
1 2012-04-27 14:40:05

解決方案2
1 已采納 2012-04-27 14:41:20