如何在文本输入元素中搜索Facebook好友？

Question

我有一个表单与用户添加他们的Facebook好友的几个输入字段。我希望这些输入字段自动完成Facebook好友列表中的姓名，然后在提交表单时，发送的值是这些好友的id。

以下是为用户提供的Facebook好友提要的一个片段：

   [ {
         "name": "Joe Smith",
         "id": "6500000"
      },
      {
         "name": "Andrew Smith",
         "id": "82000"
      },
      {
         "name": "Dora Smith",
         "id": "97000000"
      },
      {
         "name": "Jacki Smith",
         "id": "107000"
      } ]

下面是到目前为止相关的表单HTML。

<label>Name</label>
<input type="text" name="name-1" id="name-1" />
<input type="hidden" id="fbid-1" /><br/>
<label>Name</label>
<input type="text" name="name-2" id="name-2" />
<input type="hidden" id="fbid-2" /><br/>
<label>Name</label>
<input type="text" name="name-3" id="name-3" />
<input type="hidden" id="fbid-3" /><br/>
<label>Name</label>
<input type="text" name="name-4" id="name-4" />
<input type="hidden" id="fbid-4" /><br/>

我使用jQuery来处理这个表单的发布。我正在看jQuery的自动补全插件，但我不确定这是否允许我为Facebook的朋友设置名称和id。

Answer 1

看看这个代码示例，它工作得很好，如果你想有多个输入，你需要对代码做一些小的修改。

http://blogs.microsoft.co.il/blogs/alon_nativ/archive/2011/05/30/search-facebook-friends-with-jquery-autocomplete.aspx

Answer 2

您需要使用FQL来实现此目的，如下所示：

SELECT uid,name 
FROM user
WHERE uid IN (
    SELECT uid2 
    FROM friend 
    WHERE uid1=me()
) AND strpos(lower(name),"user_inputs") >=0