设计问题Active Record搜索与Javascript搜索

如何解决设计问题Active Record搜索与Javascript搜索

| 我在一个表中有300条记录，这些记录包括：名称，地址，城市，州和邮政编码。 我想在用户访问我的应用程序时一次提取所有300条记录，可能是JSON格式（但不一定是数组或ruby对象），但看不到，但在客户端。 我想在客户端搜索这些记录 是否存在任何简单的Javascript / JQuery库，可以在其中搜索客户端数据并仅显示匹配结果。我应该考虑使用这种方法的任何缺点吗？ 功能：用户访问应用程序，用户看到搜索栏，用户输入\“ Toledo \”，应用程序返回2条匹配的Toledo记录。     

解决方法

也许jQuery自动完成插件可以在这种情况下很好地工作     ,这很简单。除了找到结果后要进行DOM操作外，不确定是否需要库。

function searchArrayFields(search,objectArray)
{
     var results = [];
     for (var i=0; i < objectArray.length; i++)
     {
        for (var key in objectArray[i])
        {
            if (objectArray[i][key].indexOf(search) > -1)
            {
                results.push(objectArray[i]);
                break;
            }
        }
     }
     return results;
}

这也是一些dom内容示例。

function buildAddress(row)
{
   var retVal = \'<div class=\"container\"><div class=\"name\">\'+row.name + \'</div>\';
   retVal += \'<div class=\"address-line-1\">\'+ row.address+\'</div>\';
   retVal += \'<div class=\"address-line-2\"><span class=\"city\">\'+ row.city+\'</span>\';
   retVal += \' <span class=\"state\">\'+ row.state+\'</span>\';
   retVal += \',<span class=\"zip\">\'+row.zip+\'</span></div></div>\';
   return retVal;
}
function displayAddresses(search)
{
   var rows = searchArrayFields(search,global_db);
   var retVal = [];
   for (var i=0; i < rows.length; i++)
   {
       retVal.push(buildAddresses(rows[i]));
   }
   $(\'#target\').html(retVal.join(\'\'));
}

假设您的数据是以这种方式存储的，这将是标准的JSON设置：

[{name:\'John Doe\',address:\'111 Main Street\',city:\'Toledo\',state:\'OH\',zip:44343}];