将数据从 JSON 数组复制到 JS 对象以实现 jQuery 自动完成

Question

我正在尝试使用 jQuery 中的自动完成插件来允许用户使用文本字段快速搜索人名并返回他们的 Facebook 用户 ID。 Facebook 提供的 JSON 是这样的：

{
   "data":[
      {
         "name":"Emma Alexander",
         "id":"8110855"
      },
      {
         "name":"Dave Suckow",
         "id":"19546358"
      },
      {
         "name":"Jessica Willits",
         "id":"45734687"
      }
   ]
}

但是，我想在本地进行搜索，而不是每次都检索 Facebook JSON，所以我认为我需要将所有名称和 ID 复制到本地 JavaScript 对象中（我认为这是最好的方法吗？），然后使用 jQuery 来搜索这些名称。当用户从文本字段中选择一个姓名时，它将调用另一个函数并向其传递所选人员的 Facebook ID。

但是，我不确定这是否是最好的方法，或者我将如何真正实施它。

如果有人可以提供一些小代码示例，特别是将数据从 Facebook 的 JSON 复制到本地 Javascript 对象，然后搜索该对象，我们将不胜感激！ ：）

多谢

Answer 1

嗯..你可以这样做...

var jsonval=
({
   "data":[
      {
         "name":"Emma Alexander",
         "id":"8110855"
      },
      {
         "name":"Dave Suckow",
         "id":"19546358"
      },
      {
         "name":"Jessica Willits",
         "id":"45734687"
      }
   ]
})


var name=new Array();
var id=new Array();
for(var i=0;i<jsonval.data.length;i++){
name.push(jsonval.data[i].name);
id.push(jsonval.data[i].id);

}

数组 name 和 id 将包含从 JSON 中获取的所有名称和 id，并搜索新值中的所有值创建数组...这是一种方法...另一种方法是您可以将返回的 JSON 保存在变量 jsonval 中，然后每次使用用于将值推入数组的 for 循环进行搜索...

Answer 2

我认为你最好每次都调用 fb json，因为搜索之间可能会发生一些变化。这就是说，如果你在加载时进行了 ajsx 调用，你可以像这样在开始时设置一个 var，

  searchdata = "";

然后一旦你进行了 ajax 调用并且你得到了 json 数据，只需将变量设置为 dataresult bob 你叔叔

searchdat = jsonresult;

有意义吗？

Answer 3

未经测试，但以下函数采用搜索字符串和数据对象并在名称字段中进行搜索，并返回用户的 id，如果未找到匹配项则返回 null。

function searchUser(search, data) {
    var matchedUser = null;
    $.each(data, function () {
        if (this.name.indexOf(search) !== -1) {
            matchedUser = this;
        }
    });
    return matchedUser && matchedUser.id;
}