1

これが基本的すぎる場合は本当に申し訳ありませんが、これを行う方法が本当にわかりません。

私はこの jquery Autocomplete プラグインを使用しています: http://devthought.com/wp-content/projects/jquery/textboxlist/Demo/

編集:これは、オートコンプリートに使用するjqueryコードです:

$(function() {
        var t = new $.TextboxList('#form_topick_tags', {unique: true, plugins: {autocomplete: {
                minLength: 2,
                queryRemote: true,
                remote: {url: 'autocomplete2.php'}
            }}});

プラグインはオートコンプリートに PHP を使用します。これは例です。次の出力が返されます: "id, text, null (html I don't need), some html"

$response = array();
            $names = array('Abraham Lincoln', 'Adolf Hitler', 'Agent Smith', 'Agnus', 'Etc');

            // make sure they're sorted alphabetically, for binary search tests
            sort($names);

            $search = isset($_REQUEST['search']) ? $_REQUEST['search'] : '';

            foreach ($names as $i => $name)
            {
                if (!preg_match("/^$search/i", $name)) continue;
                $filename = str_replace(' ', '', strtolower($name));
                $response[] = array($i, $name, null, '<img src="images/'. $filename . (file_exists('images/' . $filename . '.jpg') ? '.jpg' : '.png') .'" /> ' . $name);
            }

            header('Content-type: application/json');
            echo json_encode($response);

この結果を処理するには、同様の PHP が必要です: http://www.freebase.com/private/suggest?prefix=beatles&type_strict=any&category=object&all_types=false&start=0&limit=10&callback=

... $search 値を「打ち負かす」ことで、次の出力が得られます。

guid,"name",null,"name<span>n:type name</span>"

したがって、最初の結果は次のようになります。

0,"The Beatles",null,"The Beatles<span>Band</span>"

もちろん、その PHP から freebase.com にクエリを実行する必要があります。つまり：

        +---------------+         +-----------+        +------------+
        |               |         |           |        |            |
        |  TextboxList  +-------->|   PHP     +------->|  Freebase  |
        |               |         |           |        |            |
        +---------------+         +-----------+        +------+-----+
                                                              |
             JSON                     JSON                    |
          TextboxList   <--------+  freebase       <----------+

これは可能ですか？ありがとう！

4

1 に答える 1

2

これを試して：

$response = array();

$search = isset($_REQUEST['search']) ? $_REQUEST['search'] : '';

$myJSON = file_get_contents('http://www.freebase.com/private/suggest?prefix=' . urlencode($search));

$musicObj = json_decode($myJSON); // Need to get $myJSON from somewhere like file_get_contents()

foreach ($musicObj->result as $item)
{
    $response[] = array($item->guid, $item->name, null, $item->name . '<span>'.$item->{'n:type'}->name.'</span>');
}

header('Content-type: application/json');
echo json_encode($response);

最初の JSON エスケープ結果は次のようになります。

["#9202a8c04000641f800000000003ac10","The Beatles",null,"The Beatles<span>Band<\/span>"]

しかし、これらすべてにもかかわらず、これを行うために PHP を使用する必要はまったくありません。これはすべて JavaScript から行うことができ、サーバーへの余分な移動を避けることができます。freebaseにcallback引数を指定すると、JSONP (任意の関数名を使用して、関数呼び出しでラップされた JSON) を作成できます。これは、jQuery で取得してから、好みに合わせて JavaScript でさらに操作できます。しかし、上記はPHPを使用する際の元のアプローチによるものです。

于 2011-06-15T05:07:39.350 に答える