Javascript 基于json数据填充输入字段

我正在尝试根据我的数据生成和填充输入字段。这是我获取数据的功能：

$.post('url', { ID : ID }, function(data) {
    alert(data);
});

我提醒数据查看其中的内容，如下所示：

{
    "graphs_name": [{
        "ID": "1",
        "graph_name": "test",
        "name_x": "x as",
        "name_y": "y as"
    }],
    "graphs_values": [{
        "value_x": "10",
        "value_y": "50"
    }, {
        "value_x": "20",
        "value_y": "100"
    }, {
        "value_x": "30",
        "value_y": "150"
    }, {
        "value_x": "40",
        "value_y": "200"
    }]
}

我们需要的是函数生成包含值的输入字段，如下所示：

有没有一个功能或解决方案可以做到这一点？我的更新功能需要它。T

---

提前感谢

这里是waardes的动态部分

HTML:

格拉菲纳姆：

名称van x en y as:

x as
y as
瓦德斯x阿斯
瓦德斯·艾斯

在函数$.post中使用此JS代码，而不是警报：

$("input[name='grafieknaam']").val(post['graphs_name'][0]['graph_name']);
    $("input[name='xas']").val(post['graphs_name'][0]['name_x']);
    $("input[name='yas']").val(post['graphs_name'][0]['name_y']);
    var waardes = $("#waardes");
    $.each(post['graphs_values'], function(i,el){
        waardes.append("<tr>\
          <td><input type='text' name='x" + i + "' value='" + el["value_x"] + "'></td>\
          <td><input type='text' name='y" + i + "' value='" + el["value_y"] + "'></td>\
        </tr>");
    })

$（“input[name='grafieknaam']）.val（post['graphs\u name'][0]['graphs\u name']）；
$（“input[name='xas']）.val（post['graphs_name'][0]['name_x']）；
$（“input[name='yas']）.val（post['graphs_name'][0]['name_y']）；
var waardes=$（“#waardes”）；
$。每个（post['graphs_values']，函数（i，el）{
waardes.append（“\
\
\
");
})

或者根据您发布的结构再添加一个变量

//获取图形\u名称图形\u值
console.log（a.graphs\u name[0].graphs\u name）；
console.log（a.u名称[0].ID）；
console.log（a.graphs\u name[0].name\u x）；
console.log（a.graphs\u name[0].name\u y）；
//图表\u值按要求使用
对于（i=0；i

你的html中有什么？如果你能使它动态，那就太好了

$("input[name='grafieknaam']").val(post['graphs_name'][0]['graph_name']);
    $("input[name='xas']").val(post['graphs_name'][0]['name_x']);
    $("input[name='yas']").val(post['graphs_name'][0]['name_y']);
    var waardes = $("#waardes");
    $.each(post['graphs_values'], function(i,el){
        waardes.append("<tr>\
          <td><input type='text' name='x" + i + "' value='" + el["value_x"] + "'></td>\
          <td><input type='text' name='y" + i + "' value='" + el["value_y"] + "'></td>\
        </tr>");
    })

//Get graphs_name graphs_values
console.log(a.graphs_name[0].graph_name);
console.log(a.graphs_name[0].ID);
console.log(a.graphs_name[0].name_x);
console.log(a.graphs_name[0].name_y);

//graphs_values use as per requirement
for (i = 0; i < a.graphs_values.length; i++) {
    console.log(a.graphs_values[i].value_x);
    console.log(a.graphs_values[i].value_y);
}