问如何使用以下代码在wordpress ajax.php上将函数()中的数组返回到javascript：
EN

Stack Overflow用户

提问于 2020-11-09 13:57:01

回答 2查看 2.7K关注 0票数 0

听起来很蠢，但我在里面呆了一个星期，帮帮我.

xhr dev-tools chrome中的“响应”不会离开"0"，它永远不会返回我需要的数组.

从wordpress获取数据的Javascript代码

$(document).on("click", "[data-show-home-list-series]", function () {
                var id = $(this).attr("data-show-home-list-series");
                $("[data-show-home-list-series]").removeClass("active");
                $(this).addClass("active");
                var $list = $("#homeSliderSerieList");
                $.post("wp-admin/admin-ajax.php", { getHomeSliderSeries: id }, function (html) {
                    var data = jQuery.parseJSON(html);
                    if (data.status == "success") {
                        var listing = data.list;
                        var lister = [];
                        for (var i = 0; i < 20; i++) {
                            var row = listing[i];
                            lister.push(seriePoster(row.url, row.rating, row.poster, row.title, row.cat, row.episode));
                        }
                        $list.parent(".itemsList").addClass("fadingOut");
                        setTimeout(function () {
                            $list.html(lister.join(""));
                            $list.trigger("destroy.owl.carousel");
                            createItemSlider();
                            $list.parent(".itemsList").removeClass("fadingOut");
                        }, 200);
                    } else {
                        return false;
                    }
                });
            });

将数组json中的数据返回到javascript中的PHP文件在html.中显示结果。

wp-admin/admin-ajax.php (admin/inc/core/ajax.php)

function getHomeSliderSeries(){
// i Want see that bellow in xhr response to javascript:    
//{"status":"success","list":{}}

}

add_action( 'wp_ajax_getHomeSliderSeries', 'getHomeSliderSeries' );
add_action( 'wp_ajax_nopriv_getHomeSliderSeries', 'getHomeSliderSeries' );

我的语言不是很好，希望你能坚持，谢谢！

jquery

ajax

wordpress

javascript

php

人脸核身产品特惠

用户政务民生、金融、通信运营商等场景，接入全面，安全可靠新用户3折起

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-11-10 02:12:17

在functions.php中尝试ajax回调函数

function swt_ajax_data() {
  $id = isset($_POST['id']) ? $_POST['id'] : '';

  // Create an associative array for the response.
  $responsedata = array(
   'id'       => $id,
  ); 
  $result = array();
  
  // if need featch the data from the template un comment the bellow five lines and commented the sixth line
  //ob_start();
  //include('templatepatj');
  //$opr_html .= ob_get_contents();
  //ob_get_clean();
  // $result['data'] = $opr_html;


  $result['data'] = $responsedata;// POST array data.
  }
  return wp_send_json_success($result);
  }
}

add_action('wp_ajax_swt_ajax_data', 'swt_ajax_data');
add_action('wp_ajax_nopriv_swt_ajax_data', 'swt_ajax_data');

本地化脚本并传递admin url

// Register the script
  wp_register_script( 'ajax-script', 'path/to/myscript.js' );
   // Localize the script with new data
   $js_array = array(
   'ajaxurl' => admin_url('admin-ajax.php'),
);
wp_localize_script( 'ajax-script', 'swtobj', $js_array );
// Enqueued script with localized data.
wp_enqueue_script( 'ajax-script' );

试试Js吧，如下所示。

$(document).on("click", "[data-show-home-list-series]", function () {
  var id = $(this).attr("data-show-home-list-series");
  $("[data-show-home-list-series]").removeClass("active");
  $(this).addClass("active");
  var $list = $("#homeSliderSerieList");

  var data = {
  'action': 'swt_ajax_data', 'id': id
  };
  $.ajax({
    url: swtobj.ajaxurl,
    type: 'POST',
    data: data,
    cache: false,
    dataType: 'json',
    success: function (response, textStatus, jqXHR) {
      var response_data = response.data.data;
      if (response_data != "" || response_data.length != 0) {
        console.log(response_data);
        // write your code here
      } else {
        // write your code here
      }
    },
  });
});

票数 1

Stack Overflow用户

发布于 2020-11-10 01:15:31

您在$.post中发送的数据缺少一个action属性。这个属性负责告诉admin-ajax.php应该调用哪个函数，该函数是用wp_ajax_{function_name}钩子注册的。

action属性中的值应该与要正确调用的wp_ajax_{function_name}和wp_ajax_nopriv_{function_name}中的function_name匹配。

将action属性与要发送到后端的其他属性组合起来，以传递需要发送的数据。

// Set the action and get the id.
var action = 'getHomeSliderSeries';
var id = $(this).attr("data-show-home-list-series");

// Create object to send data to backend.
// This must include an action property with 
// the name of the function on the backend.
var postData = {
  action: action,
  id: id,
  example: 'Send any data as a property. You can also nest objects and arrays.'
};

$.post("wp-admin/admin-ajax.php", postData, function(response) {
  if (response.status == "success") {
    console.log(response);
  }
}, 'json'); // Expect JSON from the backend. Now you don't need to parse.

现在，在服务器端应该调用您的getHomeSliderSeries。所有其他属性(包括操作)现在都可以通过全局$_POST变量及其相应的键进行访问。

对于响应，创建一个与要返回的数据相关联的数组。这相当于JavaScript中的一个对象。将数组编码为JSON并将其发回。现在，前端应该将对象视为响应。

function getHomeSliderSeries(){
  // Get the id from the post request.
  $id = isset($_POST['id']) ? $_POST['id'] : null;
  $example_string = isset($_POST['example_string']) ? $_POST['example_string'] : null;

  // Create an associative array for the response.
  $response = array(
    'status'   => 'success',
    'id'       => $id,
    'example'  => $example_string
  );

  // Return the array as a JSON string.
  return json_encode($response);

  // Cuts connection by stopping the function.
  die(); 
}

add_action( 'wp_ajax_getHomeSliderSeries', 'getHomeSliderSeries' );
add_action( 'wp_ajax_nopriv_getHomeSliderSeries', 'getHomeSliderSeries' );