Jquery – solr with jquery ajax

ajaxjquerysolr

is it possible to use jquery ajax to send GET variables to Solr and update the content page so the user doesnt have to reload the page?

Best Solution

Your question is a bit strange, as "Yes it most surely is possible" would be the answer.

You don't provide any additional information on what you tried already, why I didn't work out for you and so on. You also didn't provide any info on your "webpage environment" which platform, which languages generate the site, how is the connection so solr made .....

Now aside with all this: Already from the startpage of Apache Solr you can easily conclude that it should be (even easily) possible to use ajax to make the search requests.

What is Solr?

...

Solr uses the Lucene Java search library at its core for full-text indexing and search, and has REST-like HTTP/XML and JSON APIs that make it easy to use from virtually any programming language.

...

There is a json api. Sounds perfect for ajax uses.

The Apache Solr wiki even explains how this could work out

Solr: JSON Response Writer you now can easily adapt the javascript code to the jQuery specifics.

Or you use the following jQuery compatible javascript library "for creating user interfaces to Apache Solr".

AJAX Solr (it actually is js-framework agnostic but already comes with a jQuery compatible manager)

Related Solutions

Javascript – How to detect a click outside an element

Note: Using stopPropagation is something that should be avoided as it breaks normal event flow in the DOM. See this CSS Tricks article for more information. Consider using this method instead.

Attach a click event to the document body which closes the window. Attach a separate click event to the container which stops propagation to the document body.

$(window).click(function() {
  //Hide the menus if visible
});

$('#menucontainer').click(function(event){
  event.stopPropagation();
});

Javascript – How to check if an element is hidden in jQuery

Since the question refers to a single element, this code might be more suitable:

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden");

It is the same as twernt's suggestion, but applied to a single element; and it matches the algorithm recommended in the jQuery FAQ.

We use jQuery's is() to check the selected element with another element, selector or any jQuery object. This method traverses along the DOM elements to find a match, which satisfies the passed parameter. It will return true if there is a match, otherwise return false.

Best Solution

Related Solutions

Javascript – How to detect a click outside an element

Javascript – How to check if an element is hidden in jQuery

Related Question