亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

Ajax技術實踐之完成Ajax自動完成功能

2024-09-01 08:26:12
字體：大 中 小
來源：轉載
供稿：網友

近日學習了一下AJAX，照做了幾個例子，感覺比較新奇。

第一個就是自動完成的功能即Autocomplete,具體的例子可以在這里看： http://www.b2c-battery.co.uk

在Search框內輸入一個產品型號，就可以看見效果了。

這里用到了一個開源的代碼： AutoAssist ，有興趣的可以看一下。

以下為代碼片斷：

index.htm
＜script type="text/javascript" src="javascripts/prototype.js">＜/script>
＜script type="text/javascript" src="javascripts/autoassist.js">＜/script>
＜link rel="stylesheet" type="text/css" href="styles/autoassist.css"/>
＜div>
＜input type="text" name="keyword" id="keyword"/>
＜script type="text/javascript">
Event.observe(window, "load", function() {
var aa = new AutoAssist("keyword", function() {
return "forCSV.php?q=" this.txtBox.value;
});
});
＜/script>
＜/div>

不知道為什么不能用keywords做文本框的名字，我試了很久，后來還是用keyword,搞得還要修改原代碼。

forCSV.php
＜?php
$keyword = $_GET['q'];
$count = 0;
$handle = fopen("products.csv", "r");
while (($data = fgetcsv($handle, 1000)) !== FALSE) {
if (preg_match("/$keyword/i", $data[0])) {
if ($count > 10) { break; }
?>
＜div onSelect="this.txtBox.value='＜?php echo $data[0]; ?>';">
＜?php echo $data[0]; ?>
＜/div>
＜?php
}
}
fclose($handle);
if ($count == 0) {
?>
: (, nothing found.
＜?php
}
?>

原來的例子中的CSV文件是根據/t來分隔的，我們也可以用空格或其它的來分隔，這取決于你的數據結構。

當然你也可以不讀文件，改從數據庫里讀資料，就不再廢話了。

效果圖如下：

點此在新窗口瀏覽圖片

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲国产婷婷香蕉久久久久久| 国产精品久久久久久中文字| 91精品美女在线| 欧美日韩中文在线| 欧美日韩在线免费| 亚洲国产古装精品网站| 国产免费一区二区三区香蕉精| 少妇高潮 亚洲精品| 欧美日韩国产区| 国产一区二区三区久久精品| 亚洲最大福利网| 久久人人97超碰精品888| 久久久久久美女| 日韩视频在线观看免费| 亚洲成人免费在线视频| 亚洲国产成人爱av在线播放| 91禁国产网站| 国产精品久久国产精品99gif| 91精品国产91久久久久久吃药| 欧美日韩国产在线| 久久免费视频这里只有精品| 成人在线视频网站| 亚洲欧美国内爽妇网| 国产丝袜一区视频在线观看| 亚洲精品在线91| 久久久精品免费| 久久九九免费视频| 国产噜噜噜噜久久久久久久久| 国产精品欧美久久久| 日韩国产欧美精品在线| 日韩亚洲在线观看| 亚洲色图校园春色| 在线观看欧美日韩国产| 欧美成人免费在线视频| 在线观看日韩www视频免费| 国产一区二区视频在线观看| 国产精品爽黄69天堂a| 精品国产依人香蕉在线精品| 国产成人精品久久二区二区| 欧美性猛交xxxxx免费看| 国产成人鲁鲁免费视频a| 国内揄拍国内精品| 国产精品美女主播在线观看纯欲| 亚洲天堂av电影| 亚洲剧情一区二区| 久久99亚洲热视| 亚洲新声在线观看| 久久视频在线播放| 久久久久久久97| 国产成人精彩在线视频九色| 国产一区私人高清影院| 国产精品91视频| 亚洲国产女人aaa毛片在线| 在线观看久久av| 欧美成人午夜激情在线| 91精品国产色综合久久不卡98| 久久亚洲一区二区三区四区五区高| 国产日韩在线亚洲字幕中文| 777精品视频| 日韩精品在线免费观看| 国产精品视频精品| 欧美视频中文字幕在线| 欧美日韩xxxxx| 社区色欧美激情 | 韩国三级电影久久久久久| 亚洲国产精品推荐| 人人爽久久涩噜噜噜网站| 性欧美办公室18xxxxhd| 中文字幕自拍vr一区二区三区| 精品久久久久久久久久国产| 国产精品久久久久久久久久尿| 91在线国产电影| 国产成人高潮免费观看精品| 亚洲女成人图区| 欧美精品999| 国产不卡av在线免费观看| 久久免费在线观看| 精品国产老师黑色丝袜高跟鞋| 成人黄色片在线| 高清欧美性猛交xxxx黑人猛交| 91精品国产高清自在线| 国产精品久久久久久久天堂| 国产精品69av| 久久亚洲精品小早川怜子66| 亚洲欧美中文另类| 欧美激情精品久久久久久免费印度| 欧美理论电影网| 亚洲自拍偷拍色片视频| 日韩高清av一区二区三区| 亚洲free性xxxx护士白浆| 亚洲免费成人av电影| 欧美成人午夜免费视在线看片| 亚洲欧美在线播放| 亚洲成人在线视频播放| 久久久久久亚洲精品不卡| 狠狠操狠狠色综合网| 精品美女永久免费视频| 欧美日韩国产精品一区二区不卡中文| 韩国国内大量揄拍精品视频| 不卡av在线播放| 亚洲精品一区在线观看香蕉| 亚洲老头同性xxxxx| 日本a级片电影一区二区| 国产精品1区2区在线观看| 久久久久久高潮国产精品视| 中文字幕欧美专区| 青青草国产精品一区二区| 精品一区二区电影| 欧美色道久久88综合亚洲精品| 国产精品成熟老女人| 日韩中文字幕免费| 91久久精品国产91久久性色| 91久久夜色精品国产网站| 久久久久国产视频| 成人乱人伦精品视频在线观看| 日韩国产精品亚洲а∨天堂免| 国产精品久在线观看| 日韩美女毛茸茸| 69**夜色精品国产69乱| 久久综合免费视频影院| 国产精品久久久久久久久久久久久| 日韩高清有码在线| 亚洲自拍小视频免费观看| 久久国产精品99国产精| 精品亚洲国产视频| 欧美在线视频在线播放完整版免费观看| 欧美乱大交xxxxx| 亚洲人成在线电影| 夜夜嗨av一区二区三区免费区| 国产成人综合久久| 国产91久久婷婷一区二区| 国产精品户外野外| 亚洲第一免费播放区| 欧美黑人极品猛少妇色xxxxx| 韩国三级电影久久久久久| 国产欧美精品va在线观看| 国产午夜精品全部视频播放| 亚洲福利精品在线| 久久久久北条麻妃免费看| 欧美国产乱视频| 最新国产精品拍自在线播放| 91精品国产91久久久久久最新| 欧美精品精品精品精品免费| 亚洲福利视频在线| 亚洲福利在线看| 亚洲精品视频网上网址在线观看| 日韩欧美成人免费视频| 国外成人在线直播| 91精品综合久久久久久五月天| 亚洲欧美999| 欧美在线视频一区二区| 欧美成aaa人片在线观看蜜臀| 亚洲欧美日韩天堂| 欧美国产日韩一区二区| 亚洲国产成人久久| 欧美色videos| 91免费国产视频| 久久久女人电视剧免费播放下载| 在线精品高清中文字幕| 国产精品久久久久久亚洲影视| 日韩有码在线视频| 欧美国产日韩一区| 国产精品免费观看在线| 亚洲欧洲第一视频|