Javascript 用json中的值填充输入字段
在我的rails应用程序中,我需要用json中的值填充1个字段,该值通过单击链接返回。有没有关于如何正确使用ajax来做这类事情的教程? 以下是我的计划如何做到这一点: 1.将get请求发送到我的jsonJavascript 用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(
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中只有一个项目,所以每个项目都不是必需的