如何使用AJAX将内容加载为弹出窗口

时间:2017-02-27 作者:ozonostudio

有一种方法可以使用ajax从single.php 或者一种习惯。类似phpajax-single.php 就像这个页面一样:https://yellowimages.com/all/objects/apparel-mockups/ 同样,当你点击链接时,也会显示帖子中的URL,我希望有人能帮助我,因为我还没有找到一种方法。

编辑1:我在上使用下一个代码index.php 要使用永久链接加载帖子标题,请执行以下操作:

<div id="single-post-container"></div>
<div class="wrap">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <a class="post-link" rel="<?php the_ID(); ?>" href="<?php the_permalink(); ?>">

       <?php the_title(); ?> 

    </a>

    <?php endwhile; endif; ?>
    </div>
我的single.php 文件:

    <?php

    $post = get_post($_POST[\'id\']);

?>
    <div id="single-post post-<?php the_ID(); ?>">

    <?php while (have_posts()) : the_post(); ?>

                <?php the_title();?>

                <?php the_content();?>

    <?php endwhile;?> 

    </div>
这是我的footer.php 文件:

<script>
   jQuery(document).ready(function($){

        $.ajaxSetup({cache:false});
        $(".post-link").click(function(){
            var post_link = $(this).attr("href");

            $("#single-post-container").html("content loading");
            $("#single-post-container").load(post_link);
        return false;
        });

    });
</script>
这只会加载div内的内容,我在地址栏上显示帖子的URL时遇到问题,而且div不会随内容扩展,我希望有人能帮助我。

1 个回复
SO网友:Thilak

如果要通过AJAX加载PHP文件,请使用以下代码。

function sendAJAX(){
    $(\'#container\').load(
    "stuff.php",  // url
    { // json object of data to pass to the page
        stuff: "all your stuff goes in here...",
        moreStuff:  "even more stuff"
    });
    console.log(\'sendAJAX\'); 
};
如果有任何疑问,请告诉我。

相关推荐

如何全局使用wp_LOCALIZE_SCRIPT()AJAX URL

我已将此添加到functions.php 并且需要使用ajaxURL 在模板中的所有排队脚本中(而不是在此处仅将一个脚本排队add_action( \'wp_enqueue_scripts\', \'ajaxify_enqueue_scripts\' ); function ajaxify_enqueue_scripts() { wp_localize_script( \'ajaxify\', \'ajaxURL\', array(\'ajax_url\' => get_tem