使用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