Last active
May 15, 2022 03:52
-
-
Save Bobz-zg/64c98bf800d1c3a0f76a126cf14928cd to your computer and use it in GitHub Desktop.
Filter WordPress posts by custom taxonomy term with AJAX - Javscript
This file contains hidden or 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