Ajax：无法读取未定义的属性“类型”

Question

谁能帮我解决这个问题？ 我正在尝试以模态加载 WordPress 帖子（自定义帖子类型）标题/内容，但很难做到正确。我对 php 和 ajax 还很陌生，所以我从不同的教程中挑选了一些代码，并尝试将它们组合在一起。

所以首先我添加一个路径来本地化我的脚本：

wp_localize_script( 'darkam_global', 'openpost', array(
    'ajaxurl' => admin_url( 'admin-ajax.php' )
));

这是我的 php 函数的样子：

add_action( 'wp_ajax_nopriv_open_post', 'my_open_post' );
add_action( 'wp_ajax_open_post', 'my_open_post' );

function my_open_post() {
    $id = $_GET['id'];
    $post = get_post($id);

    if($post){
        wp_send_json(array('post_title' => $post->post_title, 'post_content' => $post->post_content));
    } else {
        wp_send_json(array('error' => '1'));
    }
    wp_die();
}

还有我的 jQuery：

( function( $ ) {
    var $modalTrigger = $('.js-modal-trigger');

    $modalTrigger.click( open_post_js );

    function open_post_js(id) {
        jQuery.ajax({
            url: openpost.ajaxurl,
            type: 'POST',
            data: {
                id: id,
                action: 'open_post'
            },
            success: function( result ) {
                alert( result['post_title'] );
            }
        })
    }
} )( jQuery );

当我触发模式时，我得到控制台错误：未捕获的类型错误：无法读取未定义的属性“类型”。警报结果也显示为“未定义”。

任何帮助将不胜感激:)

Answer 1

你的 PHP 看起来不错，问题是你的 JavaScript 中的 id 没有分配任何值。

如果帖子 ID 是被点击元素上的数据属性，那么这应该可以工作（假设数据属性称为 data-id）：

( function( $ ) {
var $modalTrigger = $('.js-modal-trigger');

$modalTrigger.click( open_post_js );

function open_post_js() {
    var id = $(this).data('id');
    jQuery.ajax({
        url: openpost.ajaxurl,
        type: 'POST',
        data: {
            id: id,
            action: 'open_post'
        },
        success: function( result ) {
            alert( result['post_title'] );
        }
    })
}
} )( jQuery );

Answer 2

在您的 php 中，您返回 {error:1} 的有效响应 - 但您没有在 jquery/ajax 中检查这一点。
所以它可能在 php.ini 中失败了。

它 在 php 中失败，因为您没有传递 id。

在您的click 事件连线中，您有：

$modalTrigger.click(open_post_js)

所以点击和调用是一样的：

open_post_js();

但您的函数签名是：function open_post_js(id)，所以它需要一个 id，例如：

open_post_js(1);

id 然后被“传递”给 php，但是因为它没有传递给 javascript，所以 php 没有得到它，所以会失败。

---

你如何解决这个问题？您需要将id 传递给open_post_js 或 在open_post_js 中检索id，例如：

function open_post_js() {
    var id=$(this).data("id");
    ...
}

然后

<div class='js-modal-trigger' data-id="1">...</div>

Answer 3

你试试这个代码：

header("Access-Control-Allow-Origin: *");
    header( 'Content-Type: application/json;' );
if($post){
        wp_send_json(array('post_title' => $post->post_title, 'post_content' => $post->post_content));
    } else {
        wp_send_json(array('error' => '1'));
    }

        wp_die();