Postagem de carga no DIV com Ajax

Estou carregando postagens via Ajax em uma div que eu configurei na página de índice.

loop de página de índice:

 
<button class="post-link" rel=""> ADD <a href="https://wordpress.stackexchange.com//questions/253098/load-post-into-div-with-ajax/">

Div:

 

roteiro:

  $(document).ready(function(){ $.ajaxSetup({cache:false}); $(".post-link").click(function(){ var post_link = $(this); $("#post-container").html("loading..."); $("#post-container").load(post_link); return false; }); });  

Como adicionar postagens em div com ajax e atribuir-lhes formato de postagem específico?

Solutions Collecting From Web of "Postagem de carga no DIV com Ajax"

Antes de tudo, você precisa registrar um retorno de ação para você, solicitação ajax.
Em segundo lugar, você precisa enviar todas as solicitações do ajax para wp-admin/admin-ajax.php (tanto GET como POST ).
e, finalmente, você precisa modificar seu javascript um pouco para passar o parâmetro de action que irá ativar o retorno de chamada. e var post_link = $(this); não dá o ID da postagem do atributo rel, você deve usar var post_link = $(this).attr("rel");

Você pode obter o URL do ajax por admin_url( 'admin-ajax.php' ); no seu tema. e use a localização do javascript para entrar no seu js.

tudo mais parece ser bom no seu index.php

Exemplo

JavaScript

 $(document).ready(function(){ $.ajaxSetup({cache:false}); $(".post-link").click(function(){ var post_id = $(this).attr("rel"); $("#post-container").html("loading..."); //$("#post-container").load(post_link+"?action=load_more_post&pid="+post_id); // update: .load() should send request to ajax url not the post url $("#post-container").load(ajax_url+"?action=load_more_post&pid="+post_id); return false; }); }); 

PHP (na function do seu tema.php)

 add_action( 'wp_ajax_load_more_post', 'load_more_post_callback' ); add_action( 'wp_ajax_nopriv_load_more_post', 'load_more_post_callback' ); function load_more_post_callback() { if( isset($_GET["pid"]){ $post = get_post( $_GET["pid"] ); if( $post instanceof WP_Post ) { echo '

'.$post->post_title.'

'; } else { // nothing found with the post id } } else { // no post id } wp_die(); }