Ajax自動完成功能

2021-04-03 02:15:51 字數 701 閱讀 1216

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

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

在search框內輸入乙個產品型號,就可以看見效果了。

這裡用到了乙個開源的**:autoassist ,有興趣的可以看一下。

以下為**片斷:

index.htm

不知道為什麼不能用keywords做文字框的名字,我試了很久,後來還是用keyword,搞得還要修改原**。

forcsv.php

<?php

$keyword = $_get['q'];

$count = 0;

$handle = fopen("products.csv", "r");

while (($data = fgetcsv($handle, 1000)) !== false)

?>

';">

<?php echo $data[0]; ?>

<?php}}

fclose($handle);

if ($count == 0)

?>

原來的例子中的csv檔案是根據/t來分隔的,我們也可以用空格或其它的來分隔,這取決於你的資料結構。

當然你也可以不讀檔案,改從資料庫裡讀資料,就不再廢話了。

效果圖如下:

自動完成功能

先放個吧!這是最終的效果!下面具體 index.php 把需要的js 庫包含進來 keywords here new capxous.autocomplete keyword function 這裡是具體呼叫的 auto.php header content type text html chars...

自動完成功能

先放個吧!這是最終的效果!下面具體 index.php 把需要的js 庫包含進來 keywords here new capxous.autocomplete keyword function 這裡是具體呼叫的 auto.php header content type text html chars...

jQuery的Ajax的自動完成功能控制項

jquery的ajax的自動完成功能 允許您輕鬆地建立自動完成 自動提示框的文字輸入字段 它始建集中表現為每乙個查詢快取被從本地快取中相同的重複的查詢結果。如果沒有特定查詢的結果,它停止傳送請求到伺服器的其他查詢。ajax的自動完成的jquery的是麻省理工學院風格的許可證的條款下自由分發。這是目前...