jquery - 如何使用jquery从数据库加载多个字段到表单？

Question

在我的网络应用程序中，我有一个包含大约 25 个字段的表单。用户将创建此表单，表单字段值将传输到数据库表。但我还需要这个表单的编辑功能。人们将按下按钮，表单将加载，我需要从数据库加载表单字段值。 我知道我可以使用 jquery 加载函数将数据加载到表单字段:

$('#text_field').load('text_field_value.php');

但是当我有 25 个字段时，我需要与数据库建立 25 个连接(每个文件 1 个连接)，因此我的表单加载速度非常慢。

有什么解决方案可以加快这个过程吗？

提前致谢。

Answer 1

也许您应该使用一个 ajax 请求加载字段值，这样您就只使用一个数据库连接，然后如 Pekka 所说返回一个 JSON 数组。然后使用 jQuery 遍历 JSON 数组，将值放入正确的字段中。

所以使用.getJSON/.post/.ajax而不是.load

编辑:示例 JSON 数组，每个字段都有对象

[
    {
        'field'      : '#field1',
        'fieldType'  : ':text',
        'fieldValue' : 'Test Value'
    },
    {
        'field'      : '[name=field2]',
        'fieldType'  : ':radio',
        'fieldValue' : '#item1'
    },
    {
        'field'      : '#field3',
        'fieldType'  : 'select',
        'fieldValue' : 5
    },
    {
        'field'      : '#field4',
        'fieldType'  : ':checkbox',
        'fieldValue' : true
    }
]

然后您可以按如下方式循环遍历数组:

for(i in array)
{
    /***
     * access each object as follows:
     * array[i].field
     */
    .....
}