ホームページ >ウェブフロントエンド >jsチュートリアル >PHP版のjqueryオートコンプリートプラグイン(オートコンプリート) application_jquery

PHP版のjqueryオートコンプリートプラグイン(オートコンプリート) application_jquery

WBOY
WBOYオリジナル
2016-05-16 18:39:201005ブラウズ

仕事でオートプロンプト機能を使用する必要があります。笑、私は JS の初心者なので、Baidu で検索したところ、jquery で開発されたオートコンプリート機能の .net バージョンとそのプラグインのオートコンプリートを見つけたので、それをダウンロードして php 版に変更し、テキストの上下選択のサポート、アップロード、共有などの機能を追加しました。これは純粋に物理的な作業です。 。 。 :)
1. jquery ライブラリをダウンロードします。URL: http://jquery.com/;
2. jquery オートコンプリート プラグインをダウンロードするか、添付ファイルに含まれているファイルを直接使用します。テキストの上下選択をサポートし、中国語の文字化けを解決するには、ファイル内の encodeURI をエスケープに変更し、keydown を keyup に変更するという問題がネット上で指摘されています。上向き/下向きのサポートについては、添付ファイルを参照して以下のテキストを選択してください。
3. 以下は呼び出しコードです:
auto.html コンテンツ:

コードをコピー コードは次のとおりです:






🎜>
オートコンプリート テスト ;/head>

">
$(document).ready( function() {
$("#search").autocomplete(
"getindex.php",
{
delay:10,
minChars:1、
matchSubset:1、
matchContains:1、
cacheLength:10、
onItemSelect:selectItem、
onFindValue:findValue、
formatItem:formatItem、
autoFill:false
}
) ;
});
function findValue(li) {
if( li == null ) return warning("一致しません!"); 🎜>if( !!li.extra ) var sValue = li.extra[0];
else var sValue = li.selectValue;
}
function selectItem(li) { findValue(li);}
function formatItem(row) { return row[0 ];//return row[0] " (id: " row[1] ")"// row[1] が他のパラメータで呼び出された場合、対応する出力形式は Sparta|896
}
function lookupAjax() {
var oSuggest = $("#search")[0].autocompleter;
oSuggest.findValue(); ;
}



getindex.php




コードをコピー


コードは次のとおりです:
header("ContentType:text/plain;charset: gb2312"); define('SCRIPTNAV', 'getindex'); require_once './include/common.inc.php'; $keyWord=iconv('utf-8', 'gb2312 ', js_unescape($q));
$query = $db-> ;query("SELECT DISTINCT(shopname) FROM {$dbpre}shops WHERE shopname LIKE '%$keyWord%' GROUP BY shopname ORDER BY addtime DESC LIMIT 0,10");
if($query)
{
while ($result = $db->fetch_array($query))
{
echo $result[' shopname']."n";
}
}
// js によって送信されたデータを変換します。
function js_unescape($str)
{
$ret = '';
$len = strlen($str);
for ($i = 0; $i < $len; $i )
{
if ($str[$i] == ' %' && $str[$i 1] == 'u')
{
$val = hexdec(substr($str, $i 2, 4));
if ($val < 0x7f) $ret .= chr($val);
else if($val <0x800) $ret .= chr(0xc0|($val>6)).chr(0x80|($val&0x3f) );
else $ret .= chr(0xe0|($val>>12)).chr(0x80|(($val>>6)&0x3f)).chr(0x80|($val&0x3f)) ;
$i = 5;
}
else if ($ str[$i] == '%')
{
$ret .= urldecode(substr($str, $ i, 3));
$i = 2;
else $ret .= $str[$i];
return $ret; >?>


添付ファイルは次のとおりです:

http://xiazai.jb51.net/200912/yuanma/jquery_autocomplete_php.rar
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。