-
-
Save kompuser/6faafb8524c6cec7b29d15ba2fe63e0d to your computer and use it in GitHub Desktop.
Filter WordPress posts by custom taxonomy term with AJAX - Javscript
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function($) { | |
$doc = $(document); | |
$doc.ready( function() { | |
/** | |
* Retrieve posts | |
*/ | |
function get_posts($params) { | |
$container = $('#container-async'); | |
$content = $container.find('.content'); | |
$status = $container.find('.status'); | |
$status.text('Loading posts ...'); | |
$.ajax({ | |
url: bobz.ajax_url, | |
data: { | |
action: 'do_filter_posts', | |
nonce: bobz.nonce, | |
params: $params | |
}, | |
type: 'post', | |
dataType: 'json', | |
success: function(data, textStatus, XMLHttpRequest) { | |
if (data.status === 200) { | |
$content.html(data.content); | |
} | |
else if (data.status === 201) { | |
$content.html(data.message); | |
} | |
else { | |
$status.html(data.message); | |
} | |
}, | |
error: function(MLHttpRequest, textStatus, errorThrown) { | |
$status.html(textStatus); | |
/*console.log(MLHttpRequest); | |
console.log(textStatus); | |
console.log(errorThrown);*/ | |
}, | |
complete: function(data, textStatus) { | |
msg = textStatus; | |
if (textStatus === 'success') { | |
msg = data.responseJSON.found; | |
} | |
$status.text('Posts found: ' + msg); | |
/*console.log(data); | |
console.log(textStatus);*/ | |
} | |
}); | |
} | |
/** | |
* Bind get_posts to tag cloud and navigation | |
*/ | |
$('#container-async').on('click', 'a[data-filter], .pagination a', function(event) { | |
if(event.preventDefault) { event.preventDefault(); } | |
$this = $(this); | |
/** | |
* Set filter active | |
*/ | |
if ($this.data('filter')) { | |
$this.closest('ul').find('.active').removeClass('active'); | |
$this.parent('li').addClass('active'); | |
$page = $this.data('page'); | |
} | |
else { | |
/** | |
* Pagination | |
*/ | |
$page = parseInt($this.attr('href').replace(/\D/g,'')); | |
$this = $('.nav-filter .active a'); | |
} | |
$params = { | |
'page' : $page, | |
'tax' : $this.data('filter'), | |
'term' : $this.data('term'), | |
'qty' : $this.closest('#container-async').data('paged'), | |
}; | |
// Run query | |
get_posts($params); | |
}); | |
$('a[data-term="all-terms"]').trigger('click'); | |
}); | |
})(jQuery); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment