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或script loader来获取JSON字符串，然后使用parse 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 个答案: