Thread

Hey all, using a simple form to return a page of results like site.com/portfolio/search/aonfr89nnasm

{exp:search:simple_form channel="portfolio" result_page="portfolio/search" form_id="search_form"}
    <input type="submit" value="" class="submit" />
    <input type="text" name="keywords" id="keywords" value="" size="18" maxlength="30" />
{/exp:search:simple_form}

Easy peasy… however, what I want to do is be able to call a javascript function to load those results into the current page instead of loading a new page.

I have this JS function set up:

$('#search_form').submit(function() {
      console.log〈"submit"〉;
      return false;
});

So my question is, how do I get that random search string from the form and use it to load results within JS? any ideas?

A better question may be where to get the random string EE generates when it searches for something: site.com/portfolio/search/b3255090209755d3adc5808c9b732637 if I know how to get that value I can .load the results into the content div on my page so the user wont have to load an entirely new page just for the search results.

Try something along these lines:

jQuery('#search_form').submit(function() {

        var form = jQuery(this);

        jQuery.post(form.attr('action'), form.serialize(), function(html) {
            //do something with the search results HTML
            console.log〈html〉;
        });

      return false;
});

You do not need to worry about generating or figuring out the random string. Just let EE search do its thing.

Works perfectly, thanks so much!