javascript - 从 JSON 轻松填充 HTML 表单

Question

我在博客上看到过这种 HTML 符号，但他们没有提到如何使用它:

<input name="object[property]" value=""/>

它是如何命名的，您如何利用它？我需要模板引擎吗？如果我提供 JSON 对象，jquery 可以自动填充表单吗？

注意:我已经看到，当我发布我的表单时，它为我提供了一个 js 对象中所有数据的捆绑。我的问题更多是关于表单本身的初始化。

Answer 1

也许这可以帮助:http://www.thefutureoftheweb.com/blog/use-arrays-with-html-form-inputs

如果你这样做......

<input type="text" name="object[title]" value="Mr.">
<input type="text" name="object[first_name]" value="First Name">
<input type="text" name="object[last_name]" value="Last Name">

...并按原样发送表单，您的服务器端 POST 变量将如下所示:

//PHP
echo $_POST[object][title]; // echo "Mr."
echo $_POST[object][first_name]; // echo "First Name"
echo $_POST[object][last_name]; // echo "LastName"

即使您定义了一个 JSON 对象，您仍然需要一些东西来用默认值填充您的表单。 (例如模板引擎或直接 JS)

var JSON = {
    title: 'Mr.',
    first_name: 'First Name',
    last_name: 'Last Name'
}

for (a in JSON) {
    document.write('<input type="text" name="object[' + a + ']" value="' + JSON[a] + '">')
}​

这是一个 fiddle :http://jsfiddle.net/remibreton/2cBQB/1/