javascript - json からの値を入力フィールドに入力する

Question

私のレールアプリでは、リンクをクリックして返されたjsonに含まれる値を1つのフィールドに入力する必要があります。そのようなことを行うためにajaxを正しく使用する方法に関するチュートリアルはありますか? これを行う方法は次のとおりです。

1.getリクエストをjsonに送信しますappname/controller/action.json

2.parseクライアント側のこの json

3.value解析されたjsonを含むフィールドのセット

Answer 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
        }));
    });
});

Answer 2

データが JSON オブジェクトであると仮定すると、これを $.getJSON コールバック内で使用できます。

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

2 番目の方法
例: JS フィドル