使用 jQuery 进行 API Rest 调用答案

【问题标题】：Making API Rest call using jQuery使用 jQuery 进行 API Rest 调用
【发布时间】：2013-07-25 11:58:15
【问题描述】：

我正在尝试从 jquery 向 REST 服务进行 REST 调用。我将使用来自OpenMRS API 的数据。我正在关注this 帖子的讲师。

现在，我进行了调用，但仍将对象解析为 Json 并将其显示在 HTML 页面上。我在这样做时遇到了问题。我在thisJSFiddle 上共享代码。

解析 JSon 响应的不同步骤是什么？

为了探索对象，我正在使用 Chrome 控制台。我写了这一行作为我可以消费数据的例子（在这种情况下是观察）：

 `$('#result').html('<p>' + data[0].concept +  '<p>');`

【问题讨论】：

标签： javascript jquery json rest open-source

【解决方案1】：

在您的示例中，数据已经是一个对象。你只需像其他任何对象一样浏览它；

例如：

$('#result').html('<p>' + data.results[0].concept.display +  '<p>');

在js上放：

success: function (data) {
            console.log(data);

因此您可以使用 chrome 控制台查看对象是如何制作的。下面是 console.log 输出的部分示例：

Object {results: Array[15]}
results: Array[15]
0: Object
accessionNumber: null
comment: null
concept: Object
display: "Patient Record Image"
links: Array[1]
uuid: "raxa00000-0000-0000-0000-000000000023"
__proto__: Object

【讨论】：

如何在 HTML 页面中显示这个对象！因为它不工作？
你想显示什么，一个var_dump之类的对象或者里面的一些信息？
我想显示对象字段，例如：“data.results[0].concept.display”？
如果你想显示图片，它是用base64编码的，所以你可以这样做：var img = data.results[0].value; $('#result').html(""); $('#img1').attr('src', img);
谢谢，显示所有图像怎么样 - 我写了一个函数（检查更新部分）