Ajax自动完成功能实例

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> 

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 
} 
?>