Javascript 用json中的值填充输入字段

Javascript 用json中的值填充输入字段,javascript,jquery,ruby-on-rails,ajax,json,Javascript,Jquery,Ruby On Rails,Ajax,Json,在我的rails应用程序中,我需要用json中的值填充1个字段,该值通过单击链接返回。有没有关于如何正确使用ajax来做这类事情的教程? 以下是我的计划如何做到这一点: 1.将get请求发送到我的jsonappname/controller/action.json 2.在客户端解析此json 3.使用解析的json设置字段的值,假设数据是json对象,您可以在$.getJSON回调中使用: var $inputs = $('form input'); $.each(data, function(

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

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

2.
在客户端解析
此json


3.使用解析的json设置字段的
,假设数据是json对象,您可以在$.getJSON回调中使用:

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

例如:

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

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

例如:

我假设您的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
        }));
    });
});
$.getJSON('/appname/controller/action.json',{get_param:'value'},函数(数据){
$.each(数据、函数(索引、元素){
$('body')。追加($(''){
text:element.name
}));
});
});

我假设您的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
        }));
    });
});
$.getJSON('/appname/controller/action.json',{get_param:'value'},函数(数据){
$.each(数据、函数(索引、元素){
$('body')。追加($(''){
text:element.name
}));
});
});

您可以阅读以下文档:。jQuery将负责为您的用户解析JSON,但如果您必须自己解析,无论出于何种原因:。如果您有一个复杂的数据结构,这可能有助于了解如何访问它:。文档中还解释了如何设置输入值:。您可以阅读以下文档:。jQuery将负责为您的用户解析JSON,但如果您必须自己解析,无论出于何种原因:。如果您有一个复杂的数据结构,这可能有助于了解如何访问它:。文档中也解释了如何设置输入值:。这几乎就是我所做的。除了我刚刚分配了输入数据的值,因为我的json中只有一个项目,所以每个项目都不是必需的,这几乎就是我所做的。除了我刚刚分配给输入数据的值,因为我的json中只有一个项目,所以每个项目都不是必需的