将ajax json对象转换为多个文本框值

时间:2014-03-24 01:46:08

标签: javascript jquery ajax json

所以我有下一个输入槽和ajax调用:

var json = {
  "id_u":"1",
  "nombre_usuario":"JESUS",
  "apellido_paterno_usuario":"DIAZ",
}

我有几个文本输入,每个JSON对象的关联名称如下:

<input type="text" name="id_u">
<input type="text" name="nombre_usuario">
<input type="text" name="apellido_paterno_usuario">

我希望每个输入都有一个值。像这样:

<input type="text" name="id_u" value="1">
<input type="text" name="nombre_usuario" value="jesus">
<input type="text" name="apellido_paterno_usuario" value="diaz">

我知道我可以用jQuery函数做jQuery:

$("[name=]").val();

问题在于我需要完成很多领域。我想更快地做到这一点。

有什么想法吗?

由于

1 个答案:

答案 0 :(得分:1)

试试这个。

<input type="text" name="id_u">
<input type="text" name="nombre_usuario">
<input type="text" name="apellido_paterno_usuario">

<script>

var json = {
    "id_u":"1",
    "nombre_usuario":"JESUS",
    "apellido_paterno_usuario":"DIAZ"
};

for (var key in json) {
    if (json.hasOwnProperty(key)) {
        $("[name=" + key + "]").val(json[key]);
    }
}

</script>

http://jsfiddle.net/GCy2a/