如何从RESTful api获取JSON对象并解析它?

时间:2013-08-22 21:04:55

标签: javascript jquery html json

现在,我的一位朋友设计了一套RESTful API。其中一些是'GET'方法并返回JSON格式数据。

我必须编写一个包含一些javascript代码的html页面,以便从他的API获取数据并解析数据。

当我输入文本并单击按钮时,它会向我朋友的API服务器发送GET请求。如何发送此请求并从此API获取此json数据并将其存储在javascript变量中?。

这个json数据的格式是这样的:

[
{
key1 : "value1",
key2 : "value2",
key3 : "value3",
key4 : "value4"
},
{
key1 : "value1",
key2 : "value2",
key3 : "value3",
key4 : "value4"
}
] 

如何在第一行的表格中的html页面上显示它是所有键的名称?其他行是所有值吗?

可以设置一个像value4这样的值作为我可以点击的超链接吗?当我点击它时,它会创建一个新页面并从API服务器获取新内容吗?

1 个答案:

答案 0 :(得分:0)

这是一个很长的回答问题。我会给你一些指示。

如果您使用的是jQuery,请查看jQuery.ajax()方法。如果没有,我建议你这样做。 网站是:http://wwww.jquery.com

这将帮助您发出请求并将数据恢复到Javascript对象中。

然后你可以更新DOM,jQuery对于更新或创建包含数据的表非常有用。

无论哪种方式,我建议检查一些MVVM库以简化一些工作,如Knockout.js或Angular.js

根据你的技能,这可能有点“难以”了解,所以你可以先学习jQuery并使用它来操作DOM,这样你就可以达到你想要的效果。