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

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

WBOY

リリース： 2016-05-16 18:39:20

オリジナル

944 人が閲覧しました

仕事でオートプロンプト機能を使用する必要があります。笑、私は 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