jQuery画像によるオートコンプリート：小さなカスタマイズ

Question

私はjQueryの初心者です。私はASP.NETページでオートコンプリートjQueryプラグインを使用しようとしています。サイトからサンプルをダウンロードし、PHPからASP.NETに書き直そうとしています

誰かが書き直してもらえますか？

<script type="text/javascript"> 

$（）。レディ（関数（）{

function findValueCallback(event, data, formatted) { 
    $("<li>").html(!data ? "No match!" : "Selected: " + formatted).appendTo("#result"); 
} 

function formatItem(row) { 
    return row[0] + " (<strong>id: " + row[1] + "</strong>)"; 
} 
function formatResult(row) { 
    return row[0].replace(/(<.+?>)/gi, ''); 
} 


$("#imageSearch").autocomplete("images.php", { 
    width: 320, 
    max: 4, 
    highlight: false, 
    scroll: true, 
    scrollHeight: 300, 
    formatItem: function(data, i, n, value) { 
     return "<img src='images/" + value + "'/> " + value.split(".")[0]; 
    }, 
    formatResult: function(data, value) { 
     return value.split(".")[0]; 
    } 
}); 

とページimages.php

$term = $_REQUEST['q']; 
$images = array_slice(scandir("images"), 2); 
foreach($images as $value) { 
if(strpos(strtolower($value), $term) === 0) { 
    echo $value . "\n"; 
} 

の

<input type="text" id='imageSearch' /> 
     <input type="button" value="Get Value" /> 

コンテンツが含まれています

}

私はこの

1にいくつか質問があります。私はimages.phpが画像のリストを返すことを理解しています。いずれかのフォーマットに例を付けることができますか？それはリスト項目の集合、またはdivや単一の文字列をいくつかの文字で区切ったものでしょうか

2。どのようにjavscriptは、出力をformatingています。私の場合、私はアイテム（画像名）とテキスト（キャプション）のidをit.SOoのリストを返すしたい画像とオプションのリスト内のテキストを表示する彼が選択したときと、私は、ユーザーが選択したオプションのIDで別のページに移動するためにそこにアンカータグを使用したい（そこに別のページを表示したい。

を親切に、事前に私に感謝を導く

Answer 1

1. images.phpを理解します 画像の一覧を返します。 の場合は のような形式で表示されますか？ の項目またはdivまたは一部の文字で区切られた単一の文字列

ないコード、それは改行（「\ n」）を文字で区切られた文字列のリストになりますを実行しました。例えば：

"image1.jpg\nimage2.jpg\nimage3.jpg" 

2。どのようにjavscriptは、出力をformatingています。私の場合、私はアイテム（画像名）とテキスト（キャプション）のidをit.SOoのリストを返すしたい画像とオプションのリスト内のテキストを表示する彼が選択したときに別のページを表示したいのですが、アンカータグを使用して、ユーザーが選択したオプションのIDを持つ別のページに移動します。

JSONを見たい場合があります構造化されたデータをサーバーから返送したい。