javascript - 从返回 JSON 的 URL 读取并填充 html 表单？

Question

这个问题与这个问题( How to fill form with JSON? )非常相似。不同之处在于 JSON 来自 URL，我不知道如何读取从该 URL 返回的 JSON 并将其存储在 var 中.

网址:http://MyServer/Results.json

此调用返回此 JSON:

{ 
  "id" : 12,
  "name": "Jack",
  "description": "Description"
}

我只需填写<input> 描述以及来自 JSON 流的“描述”字段。该示例使用循环:

<form>
  <input type="text" name="id"/>
  <input type="text" name="name"/>
  <input type="text" name="description"/>
</form>

如何做到这一点？

Answer 1

我认为这个答案应该对您有帮助:https://stackoverflow.com/a/12460434

我只是复制解决方案给你......

<小时/>

您可以使用 jQuery .getJSON()功能:

$.getJSON('http://MyServer/Results.json', function(data) {
    //data is the JSON string
});

如果你不想使用 jQuery，你应该看看这个纯 JS 解决方案的答案:https://stackoverflow.com/a/2499647/1361042

<小时/>

要填写输入字段，您可以使用:

 $("#description").val("10");

但因此您必须将 id="description" 设置为输入。

<小时/>

工作示例

https://jsfiddle.net/f7mpoyvw/3/

在此示例中，我调用 randomuser.me api，它将返回随机用户。返回的用户的电子邮件地址被写入描述字段。

在您的示例中，您应该尝试:

$.getJSON('http://MyServer/Results.json', function(data) {
    $("#description").val(data['description']);
});

希望这对您有帮助!