jQuery如何将一些json记录加载到表单字段中？

我有一个json文件：

{ "data": "Click", "size": "Here" } 

和表格：

 
 First name: 
 Last name:   

我想知道将多个json记录加载到多个表单元素中的正确sintax是什么？ 类似于您想要修改的表单，并将值排列到这些字段中

我知道我可以使用：

 $getJSON('link_to_json_file' function() { }); 

但是我被困在这里谢谢

Answer 1

或者，如果您的数据返回是fieldname值对，例如：

 {"firstname" : "John", "lastname" : "Doe"} 

你可以这样做：

 $.getJSON('url_to_file', function(data) { for (var i in data) { $('input[name="'+i+'"]').val(data[i]); } }); 

Answer 2

你能看一下http://code.google.com/p/jquery-load-json/上的JQuery loadJSON插件吗？ 在http://code.google.com/p/jquery-load-json/wiki/WorkingWithFormElements页面上解释了此插件如何将JSON对象加载到表单中。 您还可以在http://jquery-load-json.googlecode.com/svn/trunk/edit.html?ID=17找到一个实例。 我认为这正是你所需要的。 只需创建空表单并使用以下代码在表单中加载json：

 $('form').loadJSON(data); 

此插件处理所有表单元素，如复选框，选择列表单选按钮等。如果您使用它，您将需要从http://code.google.com/p/jquery-load-json/source/browse下载插件/trunk/scripts/jquery.loadJSON.js 。

Answer 3

那么， $.getJSON什么问题？ 它工作正常：

 $.getJSON("1.json", function(data) { $('input[name="firstname"]').val(data["data"]); $('input[name="lastname"]').val(data["size"]); }); 

Answer 4

您也可以使用$ .get，如下所示;

 $.get('your_file.[php/json]',function(d){ $("input[name='firstname']").val(d.data); $("input[name='firstname']").val(d.size); },'json');