首页 文章

在WordPress中使用Ajax

提问于
浏览
0

在最新版本的wp中我创建了一个主题,在index.php页面上我有以下HTML:

<p><input type="hidden" name="GreetingAll" id="GreetingAll" value="Hello Everyone!" /> <input type="submit" id="PleasePushMe" /></p>  

<div id="test-div1"></div>

我的主题functions.php文件,我添加了以下功能:

function add_myjavascript(){
  wp_enqueue_script( 'js', get_template_directory_uri().'/lib/js/js.js', array( 'jquery' ));
  //wp_localize_script( 'js', 'ajax_object', array( 'ajaxurl' => admin_url( 'admin_ajax.php' ) ) );
}
add_action( 'wp_enqueue_scripts', 'add_myjavascript' );

function MyAjaxFunction(){
  //get the data from ajax() call
   $GreetingAll = $_POST['GreetingAll '];
   $results = "<h2>".$GreetingAll."</h2>";
  // Return the String
   die($results);
}
// creating Ajax call for WordPress
add_action( 'wp_ajax_nopriv_MyAjaxFunction', 'MyAjaxFunction' );
add_action( 'wp_ajax_MyAjaxFunction', 'MyAjaxFunction' );

我的JavaScript js.js:

jQuery(document).ready(function() {  
  var GreetingAll = jQuery("#GreetingAll").val();  
jQuery("#PleasePushMe").click(function(){ 

jQuery.ajax({  
  type: 'POST',  
  url: 'http://localhost/brenda/wordpress/wp-admin/admin-ajax.php',
  data: {  
  action: 'MyAjaxFunction',  
  GreetingAll: GreetingAll,  
  },  
  success: function(data, textStatus, XMLHttpRequest){ 
  alert(data);
  jQuery("#test-div1").html('');  
  jQuery("#test-div1").append(data);  
  },  
  error: function(MLHttpRequest, textStatus, errorThrown){  
  alert(errorThrown);  
  }  
  });  
  });  
  });

我的Ajax请求工作正常:

---------------
Request Method:POST
Status Code:200 OK
Form Data
action:MyAjaxFunction
GreetingAll:Hello Everyone!
---------------

在我的admin-ajax.php里面,do_action会触发 . 我在plugin.php中回复了一条消息来测试它是否正在触发 . 但是我的函数MyAjaxFunction()没有被执行 . 注意add_actions是执行的,我测试了 . 我输入目标test-div1的输出为零,这是默认状态,见下文 .

if ( is_user_logged_in())
{
    do_action( 'wp_ajax_' . $_REQUEST['action'] ); // Authenticated actions
}
else
{
    do_action( 'wp_ajax_nopriv_' . $_REQUEST['action'] ); // Non-admin actions
}
 //Default status
die('0');

1 回答

  • 0

    Content-Type - application / json

    在文件/wp-admin/admin-ajax.php中

    测试发送数据($ _POST,$ _REQUEST ...)

    如有必要,请申请修复

    $headers = getallheaders();
    if (strpos($headers['Content-Type'], 'application/json') !== false) {
            $input = json_decode(file_get_contents("php://input"), true); 
            $_REQUEST['action'] = $input['action'];
    }
    

    之后插入

    /** Load WordPress Bootstrap */
    require_once( dirname( dirname( __FILE__ ) ) . '/wp-load.php' );
    

    这里 ...

相关问题