如何将返回的JSON数据放在HTML表单中

Question

我需要在HTML表单中放置返回的row()数据。我使用Web服务调用数据库并获取JSON数据。我想要的是将这些JSON数据放入HTML输入字段。

示例JSON数据（以数组形式返回）

JSON

List.jsp中的代码

[{"username":"demo","email":"demo@gmail.com","password":"123"}]

Answer 1

您的REST服务正在返回一个数组，因此要填充表单，您必须访问该数组的第一个元素：

$('#username').val(data[0].username);
$('#email').val(data[0].email);
$('#password').val(data[0].password);

或者您可以将作业更高一些，这样您就不必更改renderDetails()功能：

var userDetails = data[0];

也可以最好添加一个检查以查看返回的数组是否为空。