Skip to content

Instantly share code, notes, and snippets.

@nathanpitman
Forked from low/low-search-ajax.js
Created April 7, 2015 16:13
Show Gist options
  • Save nathanpitman/7c39b0f14e4229819ba2 to your computer and use it in GitHub Desktop.
Save nathanpitman/7c39b0f14e4229819ba2 to your computer and use it in GitHub Desktop.
(function($){
$(function(){
var $form = $('#search'), // Search form
$target = $('#results'), // Results container
$rp = 'search/ajax-results'; // Template for results only
// Function to execute on success
var success = function(data, status, xhr) {
$target.html(data);
};
// Hijack the form on submit
$form.submit(function(){
// Tell target we're loading
$target.html('<p>Loading...</p>');
// Add custom result page to data
var data = $form.serialize()
+ '&result_page=' + rp;
// Perform the ajax call
$.ajax({
type: 'POST',
url: $form.attr('action'),
data: data,
success: success,
dataType: 'html'
});
// Don't submit the form afterwards
return false;
});
});
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment