我正在尝试在wordpress中学习ajax来删除表项，但在位置上感到困惑

<button id="delete-item" data-item-id="123">删除表项</button>

<script>
jQuery(document).ready(function($) {
    $('#delete-item').click(function() {
        var itemId = $(this).data('item-id');
        
        $.ajax({
            url: ajaxurl,
            type: 'POST',
            data: {
                action: 'delete_item',
                item_id: itemId,
                security: '<?php echo wp_create_nonce( "delete-item-nonce" ); ?>'
            },
            success: function(response) {
                // 根据响应结果进行相应的处理
                if (response.success) {
                    alert('表项删除成功！');
                } else {
                    alert('表项删除失败！');
                }
            }
        });
    });
});
</script>

add_action('wp_ajax_delete_item', 'delete_item_callback');
function delete_item_callback() {
    // 验证安全性
    check_ajax_referer('delete-item-nonce', 'security');
    
    // 获取表项ID
    $item_id = $_POST['item_id'];
    
    // 执行删除操作（这里仅作示例，实际操作需要根据具体情况进行）
    // $result = $wpdb->delete('table_name', array('id' => $item_id));
    
    // 返回响应
    if ($result) {
        wp_send_json_success();
    } else {
        wp_send_json_error();
    }
}