WP 用 Ajax 更新 post_meta 关联数组

Question

我正在遍历关联数组并将每个子数组添加为 table 中的一行。

table 中的最后一列是一个按钮，我想用它从数据库的父数组中删除该数组。

这是我的标记：

<?php
$response_cost = get_post_meta( 379, '_wc_booking_pricing', true );
?>

<div id="response-cost" class="hidden"><?php echo json_encode( $response_cost); ?></div>

<?php
$i = 0;
foreach ($response_cost as $response) { ?> 
    <tr id="array-<?php echo $i; ?>">
        <!-- table construction -->
        <td><button class="remove-array" data-id="<?php echo $i; ?>"><i class="fa fa-times"></i></button></td>
    </tr>

    <?php
    $i++; 
};
?>

这是我的 jQuery 负责删除子数组：

(function($) {
    $(document).ready (function () {
        $(function(){
            var arrString= $('#response-cost').text();
            const arr = JSON.parse(arrString);

            $('.remove-array').click(function(){
                var val = $(this).attr("data-id");
                arr.splice(val, 1);
                var arr_stringify = JSON.stringify(arr);

                $.ajax({
                    url: ajax_object.ajaxurl,
                    type: 'POST',
                    data:{
                        action: 'update_cost_rule_table_action',
                        stringified_arr: arr_stringify,
                    },
                    success: function( data ){
                        console.log( data );
                    }
                });
            });
        });
    });
}) (jQuery);

这是我的 function.php 文件中的函数：

add_action( 'wp_ajax_update_cost_rule_table_action', 'update_cost_rule_table' );
add_action( 'wp_ajax_nopriv_update_cost_rule_table_action', 'update_cost_rule_table' );
function update_cost_rule_table(){
    $response_cost = json_decode($_POST['stringified_arr']);
    update_field('_wc_booking_pricing', $response_cost, 379);
    wp_die();
}

下面是我对脚本进行排队的方式：

function gt21_scripts() {
    wp_register_script( 'cost-rule', get_template_directory_uri() . '/js/cost-rule.js', array( 'jquery' ) );
    wp_enqueue_script( 'cost-rule' );
    wp_localize_script( 'cost-rule', 'ajax_object', array( 'ajaxurl' => admin_url( 'admin_ajax.php' ) ) );
};

add_action( 'wp_enqueue_scripts', 'gt21_scripts' );

我目前在我的控制台中收到 admin-ajax.php 的 404 错误。

Answer 1

你写错了文件名。

替换

admin_url( 'admin_ajax.php' )

有了这个

admin_url( 'admin-ajax.php' )

WP 用 Ajax 更新 post_meta 关联数组

WP updating post_meta associative array with Ajax

ajax

wordpress

associative-array

post-meta

wp-enqueue-scripts