使用来自 json 的值填充输入字段答案

【问题标题】：Populate input field with value from json使用来自 json 的值填充输入字段
【发布时间】：2013-02-22 09:50:31
【问题描述】：

在我的 rails 应用程序中，我需要使用 json 中的值填充 1 个字段，该值是通过单击链接返回的。有没有关于如何正确使用 ajax 来做这样的事情的教程？这是我的计划如何做到这一点：

1.发送get请求到我的jsonappname/controller/action.json

2.parse客户端的这个json

3.set value of field with parsed json

【问题讨论】：

您可以阅读以下文档：api.jquery.com/jQuery.getJSON。 jQuery 会为您解析 JSON，但如果您必须自己做，无论出于何种原因：How to parse JSON in JavaScript。如果您有一个复杂的数据结构，这可能有助于弄清楚如何访问它：I have a nested data structure / JSON, how can I access a specific value?。文档中还解释了如何设置输入值：api.jquery.com/val/#val2。

标签： javascript jquery ruby-on-rails ajax json

【解决方案1】：

我假设你的 json 字符串是这样的

 [{"id":"1","name":"test1"},{"id":"2","name":"test2"},{"id":"3","name":"test3"},{"id":"4","name":"test4"},{"id":"5","name":"test5"}]

使用 $.getJSON 方法：

$.getJSON('/appname/controller/action.json', { get_param: 'value' }, function(data) {
    $.each(data, function(index, element) {
        $('body').append($('<div>', {
            text: element.name
        }));
    });
});

【讨论】：

这几乎就是我的做法。除了我刚刚分配给输入数据的值，因为我的 json 中只有一个项目，所以每个项目都不是必需的

【解决方案2】：

假设数据是 JSON 对象，您可以在 $.getJSON 回调中使用它：

var $inputs = $('form input');
$.each(data, function(key, value) {
  $inputs.filter(function() {
    return key == this.name;
  }).val(value);
});

第二种方式
例如：JS fiddle

【讨论】：