ajax Suggest类似google的搜索提示效果

在网页开发中，我们经常需要为用户提供一个智能搜索体验，类似于Google的搜索提示功能。为了实现这一功能，只需在网页中嵌入一段简单的JavaScript代码。

当你引入以下两段脚本时：

```html

```

你的每一个命名的文本框都将获得全新的智能提示功能，并且附带五个动态属性：

1. action：这是一个必填属性，用于接受GET方式提交的数据。它会返回一个相关的JavaScript数组动态页面。

2. capture：当返回的结果包含多列时（如单词和其中文意思），这个属性决定替换用户输入的是哪一列（从1开始计数）。通常，这个属性和数据库字段相对应。默认值为1。

3. columns：定义下拉显示的列数。例如，按字母查询单词，并将中文意思显示在右侧。默认值为1。

4. delay：查询延时，单位为毫秒。较低的延时可以获得更快的响应，但可能会增加服务器负担。默认值为1000毫秒（即1秒）。

5. heading：如果设为true，第一个数组值将作为不可选项（标题栏），特别适用于有两列或更多数据的情况。默认值为false。

数据提交非常简单，仅需两个数据点：

type：输入框的name

q：搜索关键字，默认为UTF-8编码

你下载的压缩包中已经包含了php和ColdFusion的示例，这个框架适用于所有编程语言，不限制平台。后台数据输出就是一条JavaScript语句，无论是一维数组还是二维数组，都能轻松处理。

在CSS中，你需要定义四个类来美化提示框：

.SuggestFramework_List：提示内容所在区域

.SuggestFramework_Heading：第一条提示的样式

.SuggestFramework_Highlighted：设置高亮的一条提示的样式

.SuggestFramework_Normal：其他提示的样式

别忘了访问下载地址并调用 `cambrian.render('body')` 来完成整个搜索提示功能的渲染和集成。这样一来，你的网页就能拥有类似Google的智能搜索提示效果，极大提升用户体验。