首先,我想指出的是,根据在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首页教程。



