栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

通过AJAX在Wordpress中动态更改导航链接(上一个和下一个)

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

通过AJAX在Wordpress中动态更改导航链接(上一个和下一个)

首先,我想指出的是,根据在WordPress中谈论AJAX的几乎所有教程,我在问题中提到的方法是不好的。因此,我决定根据的建议

hakre
和他的链接进行更改:http : //prex.wordpress.org/AJAX_in_Plugins#Ajax_on_the_Viewer-
Facing_Side

换句话说,对我来说,最好的方法是使用wp-admin / admin-
ajax.php在Wordpress中使用内置的AJAX。AJAX请求应定向到该文件。我知道文件名的“ admin”部分会引起误解。但是可以在admin-
ajax.php中处理前端(查看端)以及管理面板中的所有请求,这有很多好处,尤其是在安全性方面。

这些步骤是:

1,提交AJAX请求的Javascript代码应如下所示:

    $(document).ready(function() {        $('.select2').change(function(e) {    e.preventDefault();    var v = $('.select2 option:selected').val(); $.ajax({     type: "GET",     url: "wp-admin/admin-ajax.php", // check the exact URL for your situation     dataType: 'html',     data: ({ action: 'nextPrevious', id: v}),     success: function(data){     $('#nav-above').html(data);     },     error: function(data)       {       alert("Your browser broke!");     return false;     } });    }); });

请注意,在放置JS脚本时(通常在wp-footer()之前位于footer.php中),您应该尊重Wordpress的要求。

2-处理动作:

functions.php
您的主题中(或直接在您的插件文件中),添加:

add_action('wp_ajax_nextPrevious', 'nextPrevious');add_action('wp_ajax_nopriv_nextPrevious', 'nextPrevious');

并在相同的文件

nextPrevious
回调函数中定义如下:

function nextPrevious() {$p= $_GET['id'];$my_query = new WP_Query();$my_query->query(array( 'post__in' => array($p)));if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post(); ?> <div ><?php previous_post_link( '%link', '<img height="34" src="' . get_bloginfo("template_directory") . '/images/previous.png" />' ); ?></div><div ><?php next_post_link( '%link', '<img height="34" src="' . get_bloginfo("template_directory") . '/images/next.png" />' ); ?></div><?php endwhile;endif;wp_reset_query();die();}

不要忘记die功能,它是强制性的。

有关Wordpress中AJAX的更多详细信息,最好使用Google首页教程。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/413398.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号