-2

现在我的一个朋友设计了一组 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 服务器获取新内容?

4

1 回答 1

0

不知何故,这是一个很长的问题。我会给你一些方向。

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

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

然后您可以更新 DOM,这对于使用数据更新或创建表来说 jQuery 也非常有用。

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

根据您的技能,这可能有点“难以”了解,因此您可以先学习 jQuery 并使用它来操作 DOM,从而获得您想要的结果。

于 2013-08-22T21:13:36.213 回答