AJAX Live Search是一种PHP搜索表单，类似于谷歌自动完成功能，可以在键入时显示结果。
Posted
tags:
中文标题：AJAX Live Search是一种PHP搜索表单，类似于谷歌自动完成功能，可以在键入时显示结果。 原文标题：AJAX Live Search is a PHP search form that similar to Google Autocomplete feature displays the result as you type. 项目评级：Star:245 Fork:80 下载地址：https://github.com/iranianpep/ajax-live-search 详情介绍AJAX实时搜索
***不再维护此项***
我几年前就开始了这个项目，但到目前为止已经改变了很多。此外，由于不同层之间的耦合，以及旧技术（jQuery！），这不是一个可扩展的项目。非常感谢所有的支持，但不幸的是，我不得不归档这个项目：(
AJAX Live Search是一个jQuery插件/PHP搜索表单，它在您键入时搜索并显示结果，类似于谷歌自动完成功能。
演示
看看它在行动中。
浏览器支持
<表格>
感谢BrowserStack和JetBrains对该项目的支持。
Ajax Live Search入门
使index.php中的当前示例工作，包括创建虚拟数据库和表，所需时间不应超过7分钟。但如果您需要将其集成到现有项目中，则需要花费更多的时间。要实现这一点，假设您有此文本字段：
<input type="text" class='mySearch' id="ls_query" placeholder="Type to start searching ...">
jQuery（“#ls_query”）.ajaxlivesearch(
加载时间：，
token:getToken（）。"'"; ?>；的情况下；，
最大输入：，
);
```
如果需要，还可以将其他参数发布到服务器。要实现这一点，您应该在搜索输入中添加data属性：
<input type="text" class='mySearch' id="ls_query" placeholder="Type to start searching ..." data-additionalData="hello world!">
例如，在这种情况下，您可以访问PHP中的数据属性，如下所示：
// key is transformed to lowercase
$additionalData = $_POST['additionaldata'];
jQuery选项
<表格宽度=“100%”>
名称 类型 必需 描述
自定义事件
<表格宽度=“100%”>
名称
时间>
例子：
jQuery(".mySearch").ajaxlivesearch(
loaded_at: <?php echo time(); ?>,
token: <?php echo "'" . $handler->getToken() . "'"; ?>,
max_input: <?php echo Config::getConfig('maxInputLength'); ?>,
onResultClick: function(e, data)
// get the index 1 (second column) value
var selectedOne = jQuery(data.selected).find('td').eq('1').text();
// set the input value
jQuery('#ls_query').val(selectedOne);
// hide the result
jQuery("#ls_query").trigger('ajaxlivesearch:hide_result');
,
onResultEnter: function(e, data)
// do whatever you want
// jQuery("#ls_query").trigger('ajaxlivesearch:search', query: 'test');
,
onAjaxComplete: function(e, data)
);
自定义触发器
<表格宽度=“100%”>
名称
PHP配置
<表格宽度=“100%”>
名称 类型 必需 描述
MySQL数据源配置：
<表格宽度=“100%”>
名称 类型 必需 描述
常见问题
许可证
麻省理工学院许可证
如果你愿意，请给我买半杯咖啡！
php SearchWP Live Ajax搜索模板，支持用户和分类