PHPackages                             vovanmix/jquery.fast-search - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Search & Filtering](/categories/search)
4. /
5. vovanmix/jquery.fast-search

ActivePlugin[Search & Filtering](/categories/search)

vovanmix/jquery.fast-search
===========================

jQuery plugin to make search suggestions easier

19JavaScript

Since Apr 22Pushed 11y ago1 watchersCompare

[ Source](https://github.com/vovanmix/jquery.fast-search)[ Packagist](https://packagist.org/packages/vovanmix/jquery.fast-search)[ RSS](/packages/vovanmix-jqueryfast-search/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

\#jQuery plugin to make auto complete search easier

\##Setup To start include jquery, plugin JS file and plugin CSS file:

```

```

Create an HTML input element to apply the plugin:

```

```

And initialize the plugin:

```

	$(document).ready(function(){
		$('#q').fastSearch({
			url: 'server_response.html'
		});
	});

```

\##Server response This plugin can work with two types of server response: HTML (default) and JSON.

\###HTML HTML response will be shown right under the input element. You can return any code you like.

\###JSON JSON response will be shown inside the template. Plugin comes with 4 default templates:

- `templateSimple` - simple links
- `templateText` - links with descriptions
- `templateWithImageSimple` - images with links
- `templateWithImage` - images with links and with description First template is default. You can specify the template with `rowTemplate` parameter, like fastSearch.templateSimple. Response could be any JSON object or array. Plugin will work with the following format:

```
[
  {
    "text": "text1",
    "link": "link1",
    "comment": "description",
    "image": "http link to image",
    "width":  "width of image to display, in px"
    "height":  "height of image to display, in px"
  },
  {
    "text": "text2",
    "link": "link2",
	"comment": "description",
	"image": "http link to image",
	"width":  "width of image to display, in px"
	"height":  "height of image to display, in px"
  },
  {
    "text": "text3",
    "link": "link3",
	"comment": "description",
	"image": "http link to image",
	"width":  "width of image to display, in px"
	"height":  "height of image to display, in px"
  }
]

```

If you receive the response in the different format, you can process it with 2 callbacks:

- `processResult` will process the root object to return the array of found items
- `processResultRow` will process a single row to the needed format.

```
processResult: function(data){
	...process...
	return data;
},
processResultRow: function(dataRow){
	...process...
	return dataRow;
}

```

\##Options

- `url` - string, url to get search result
- `type` - request type, `get` or `post`
- `dataType` - type of received data, `html` or `json`
- `rowTemplate` - template for the row if using `json`, properties of the fastSearch object, like fastSearch.templateSimple, or string with HTML code and placeholders marked like `%text%`
- `onStart` - a callback before search starts, inserted query as a parameter
- `onReady` - a callback after search ends, with generated html as a parameter
- `processResult` - a callback to process the root object to return the array of found items
- `processResultRow` a callback process a single row to the needed format

\##Examples For examples of integration and server response please look in the `demo` directory

###  Health Score

20

—

LowBetter than 14% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/1e689ae1b5eec04b120b871ad57b22a2832101b52936eb182378b337d390635b?d=identicon)[vovanmix](/maintainers/vovanmix)

---

Top Contributors

[![vovanmix](https://avatars.githubusercontent.com/u/7279514?v=4)](https://github.com/vovanmix "vovanmix (34 commits)")

### Embed Badge

![Health badge](/badges/vovanmix-jqueryfast-search/health.svg)

```
[![Health](https://phpackages.com/badges/vovanmix-jqueryfast-search/health.svg)](https://phpackages.com/packages/vovanmix-jqueryfast-search)
```

###  Alternatives

[ruflin/elastica

Elasticsearch Client

2.3k50.4M203](/packages/ruflin-elastica)[opensearch-project/opensearch-php

PHP Client for OpenSearch

15024.3M65](/packages/opensearch-project-opensearch-php)[mailerlite/laravel-elasticsearch

An easy way to use the official PHP ElasticSearch client in your Laravel applications.

934529.3k2](/packages/mailerlite-laravel-elasticsearch)[massive/search-bundle

Massive Search Bundle

721.4M13](/packages/massive-search-bundle)[shyim/opensearch-php-dsl

OpenSearch/Elasticsearch DSL library

175.9M9](/packages/shyim-opensearch-php-dsl)[outl1ne/nova-multiselect-filter

Multiselect filter for Laravel Nova.

45802.7k3](/packages/outl1ne-nova-multiselect-filter)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)