Comment charger WordPress Post avec Ajax onclick

J’ai passé des heures à lire et à essayer des tutoriels. Je n’arrive pas à trouver une solution qui fonctionne et je sais que cela devrait être assez facile mais je me bats avec AJAX 🙁

Je veux charger le contenu d’un message à partir d’un lien dans une div. Ci-dessous est ce que j’ai. Quelqu’un peut-il m’aider s’il vous plaît avec le côté JavaScript? Merci!

Je veux charger ce code dans div #loadAjaxHere

 

Merci pour l’aide!!

Ok, je pense avoir résolu ce problème après un long processus d’essais et d’erreurs.

Cela semble fonctionner, mais s’il vous plaît faites le moi savoir si ce n’est pas la bonne façon de faire

Javascript:

 jQuery.noConflict(); jQuery(document).ready(function($){ $.ajaxSetup({cache:false}); $("a.ajax").click(function(){ var post_url = $(this).attr("href"); var post_id = $(this).attr("rel"); $("#tabs").html('
loading...
'); $("#tabs").load(post_url); return false; }); });

La page sur laquelle je veux afficher le contenu de la publication (j’utilise des types de publication personnalisés appelés “illustrations”:

 

Et le post unique “single-artwork.php”. Remarque: n’utilisez pas get_header ou get_footer, etc.:

  

Merci!

Juste pour append, si vous voulez seulement charger une partie du post, vous pouvez modifier

 $("#tabs").load(post_url); 

à

 $("#tabs").load(post_url + ".tabcontent" ); 

Qui chargerait tout dans le div.tabcontent

La réponse de Barry est correcte sur le fait de pouvoir charger une page partielle en ajoutant une expression de sélecteur css à la fin de l’URL. Cependant, il devrait y avoir un espace entre l’url et le sélecteur comme ceci:

 $("#tabs").load(post_url + " .tabcontent" ); 

Sinon, la chaîne transmise à .load() serait http://example.com.tabscontent . Mais cela devrait être http://example.com .tabscontent .

En outre, si vous utilisez cette méthode, jQuery empêchera jQuery de charger et d’exécuter du code dans les balises . Cependant, juste en utilisant .load(post_url); sans sélecteur chargerait et exécuterait le code avec succès dans les balises .

En savoir plus à ce sujet ici .