加入收藏 | 设为首页 | 会员中心 | 我要投稿 安卓应用网 (https://www.0791zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > PHP > 正文

php – WordPress:如何使用ajax调用调用插件函数?

发布时间:2020-05-25 10:37:53 所属栏目:PHP 来源:互联网
导读:我正在写一个Wordpress MU插件,它包含每个帖子的链接,当用户点击此链接时,我想使用ajax调用插件函数之一,然后使用该函数的输出动态更新链接文本. 我遇到了ajax查询.我有这个复杂的,清楚的黑客,这样做,但它不是很有效.在插件中包含ajax功能的“正确”或“wordp

我正在写一个Wordpress MU插件,它包含每个帖子的链接,当用户点击此链接时,我想使用ajax调用插件函数之一,然后使用该函数的输出动态更新链接文本.

我遇到了ajax查询.我有这个复杂的,清楚的黑客,这样做,但它不是很有效.在插件中包含ajax功能的“正确”或“wordpress”方式是什么?

(我当前的hack代码在下面,当我点击生成链接,我没有得到相同的输出,我进入wp页面,当我直接去我的浏览器中的sample-ajax.php.)

我有我的代码[1]设置如下:

MU-插件/ sample.php:

<?php
/*
Plugin Name: Sample Plugin
*/
if (!class_exists("SamplePlugin")) {
  class SamplePlugin {
    function SamplePlugin() {}
    function addHeaderCode() {
      echo '<link type="text/css" rel="stylesheet" href="'.get_bloginfo('wpurl').
             '/wp-content/mu-plugins/sample/sample.css" />n';
      wp_enqueue_script('sample-ajax',get_bloginfo('wpurl') .
             '/wp-content/mu-plugins/sample/sample-ajax.js.php',array('jquery'),'1.0');

    }
    // adds the link to post content.
    function addLink($content = '') {
        $content .= "<span class='foobar clicked'><a href='#'>click</a></span>";
        return $content;
    }
    function doAjax() { //
        echo "<a href='#'>AJAX!</a>";
    } 
  }
}
if (class_exists("SamplePlugin")) {
  $sample_plugin = new SamplePlugin();
}
if (isset($sample_plugin)) {
  add_action('wp_head',array(&$sample_plugin,'addHeaderCode'),1);
  add_filter('the_content','addLink'));
}

MU-插件/样品/试样ajax.js.php:

<?php
if (!function_exists('add_action')) {
    require_once("../../../wp-config.php");
}
?>
jQuery(document).ready(function(){
    jQuery(".foobar").bind("click",function() {
        var aref = this;
        jQuery(this).toggleClass('clicked');
        jQuery.ajax({
          url: "http://mysite/wp-content/mu-plugins/sample/sample-ajax.php",success: function(value) {
            jQuery(aref).html(value);
          }
        });
    });
});

MU-插件/样品/试样ajax.php:

<?php
if (!function_exists('add_action')) {
  require_once("../../../wp-config.php");
}
if (isset($sample_plugin)) {
  $sample_plugin->doAjax();
} else {
  echo "unset";
}
?>

[1]注意:以下教程让我很远,但在这一点上我很失望.
http://www.devlounge.net/articles/using-ajax-with-your-wordpress-plugin

TheDeadMedic是不对的. WordPress内置AJAX功能.发送你的ajax请求到/wp-admin/admin-ajax.php使用POST与参数’action’:
jQuery(document).ready(function(){
    jQuery(".foobar").bind("click",function() {
        jQuery(this).toggleClass('clicked');
        jQuery.ajax({
          type:'POST',data:{action:'my_unique_action'},url: "http://mysite/wp-admin/admin-ajax.php",success: function(value) {
            jQuery(this).html(value);
          }
        });
    });
});

然后如果您只希望它为登录用户工作,则将其挂接在插件中:

add_action('wp_ajax_my_unique_action',array($sample_plugin,'doAjax'));

或者像这样挂钩它只能用于未登录的用户:

add_action('wp_ajax_nopriv_my_unique_action','doAjax'));

如果您希望它适用于所有人,请同时使用.

admin-ajax.php已经使用了一些动作名称,所以请确保您查看文件,不要使用相同的动作名称,否则您会意外地尝试删除注释等.

编辑

对不起,我不太明白这个问题.我以为你在问如何做一个ajax请求.无论如何,我会尝试两件事情:

首先,让你的函数只返回AJAX这个字,而不用标记.接下来,尝试更改您的ajax调用,以便其成功和完整的回调:

jQuery(document).ready(function(){
    jQuery(".foobar").bind("click",function() {
        var val = '';
        jQuery(this).toggleClass('clicked');
        jQuery.ajax({
          type:'POST',success: function(value) {
            val = value;
          },complete: function(){
            jQuery(this).html(val);
          }
        });
    });
});

(编辑:安卓应用网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读