How to do search with out using the scripting language and by using jquery?

I have a html site. In that site around 100 html files are available. i want to develop the search engine . If the user typing any word and enter search then i want to display the related contents with the keyword. Is't possible to do without using any server side s开发者_开发百科cripting? And it's possible to implement by using jquery or javascript?? Please let me know if you have any ideas!!!

Advance thanks.

Possible? Yes. You can download all the files via AJAX, save their contents in an array of strings, and search the array.

The performance however would be dreadful. If you need full text search, then for any decent performance you will need a database and a special fulltext search engine.

3 means:

1. Series of Ajax indexing requests: very slow, not recommended
2. Use a DB to store key terms/page refernces and perform a fulltext search
3. Utilise off the shelf functionality, such as that offered by google

The only way this can work is if you have a list of all the pages on the page you are searching from. So you could do this:

pages = new Array("page1.htm","page2.htm"...)

and so on. The problem with that is that to search for the results, the browser would need to do a GET request for every page:

for (var i in pages)
  $.get(pages[i], function (result) { searchThisPage(result) });

Doing that 100 times would mean a long wait for the user. Another way I can think of is to have all the content served in an array:

pages = {
  "index" : "Some content for the index",
  "second_page" : "Some content for the second page",
  etc...
}

Then each page could reference this one script to get all the content, include the content for itself in its own content section, and use the rest for searching. If you have a lot of data, this would be a lot to load in one go when the user first arrives at your site.

The final option I can think of is to use the Google search API: http://code.google.com/apis/customsearch/v1/overview.html

Quite simply - no.

Client-side javascript runs in the client's browser. The client does not have any way to know about the contents of the documents within your domain. If you want to do a search, you'll need to do it server-side and then return the appropriate HTML to the client.

The only way to technically do this client-side would be to send the client all the data about all of the documents, and then get them to do the searching via some JS function. And that's ridiculously inefficient, such that there is no excuse for getting them to do so when it's easier, lighter-weight and more efficient to simply maintain a search database on the server (likely through some nicely-packaged third party library) and use that.

some useful resources

http://johnmc.co/llum/how-to-build-search-into-your-site-with-jquery-and-yahoo/

http://tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/

http://plugins.jquery.com/project/gss

If your site is allowing search engine indexing, then fcalderan's approach is definitely the simplest approach.

If not, it is possible to generate a text file that serves as an index of the HTML files. This would probably be rudimentarily successful, but it is possible. You could use something like the keywording in Toby Segaran's book to build a JSON text file. Then, use jQuery to load up the text file and find the instances of the keywords, unique the resultant filenames and display the results.