Как выводить посты Wordpress во всплывающем окне без плагинов с помощью AJAX?

Question

[Иван Григоренко]

Интересует как возможно реализовать вывод постов при клике на миниатюру поста. Такой механизм реализован на Bootstrap макете, который я адаптирую в Wordpress. blackrockdigital.github.io/startbootstrap-freelancer - ссылка на макет

Один похожий вопрос я видел, но там нет нужного мне ответа. - https://toster.ru/q/129789

Comments

[Чёкатилло]

Привет! Не нашел что нибудь по этому вопросу?

Answer 1

[Zhainar]

Что сложно? Берете id поста, отправляете на сервер, получаете всю инфу поста. Вставляете во всплывающее окно бутспрапа.

Comments

[Иван Григоренко]

Ну если бы я смог сделать, я бы сделал. Мне нужно хотя бы немного кода, который натолкнет меня как правильно написать остальное.

[Wheelie]

Land0r: $.ajax({
url: 'урл запроса для получения поста',
type: 'GET',
success: function(data) {
console.log(data);
}
});

Немного кода.

[Zhainar]

Land0r: wp-kama.ru/id_2018/ajax-v-wordpress.html
getbootstrap.com/javascript/#modals

Предварительно на страницу кидаете код модульного окна, потом в скриптах пишете что-то подобное.

$('.btn-send').on("click", function(){

var data = {
action: '',
nonce : myajax.nonce,
id: id
};

jQuery.ajax({
url: myajax.url,
data: data,
type: 'POST',
success: function(response){
$('#response-modal').find(".modal-body").html("");
$('#response-modal').modal({ backdrop: 'static' });
}
});

}

});

Answer 2

[Ирек Ситдиков]

var link = $('.posts__item__link');
link.click(function(){
      var link = $(this);

      $.ajax({
            url: link.attr('href'),
            type: 'get',
            data: {
                  mode: 'ajax'
            },
            success: function(data){
            }
      });

      return false;
});

Если в запросе не хочешь возвращать всю страницу с header и footer

<?php $mode = ($_GET['mode'] == 'ajax') ? 'ajax' : 'direct'; ?>
<?php if($mode == 'direct') : ?>
<?php get_header(); ?>
<?php endif; ?>
<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <?php endwhile; ?>
<?php endif; ?>
<?php if($mode == 'direct') : ?>
<?php get_footer(); ?>
<?php endif; ?>

Comments

[Виктория Милкина]

У меня почему-то не работает с таким кодом (