javascript - x可编辑的帖子值未定义

我刚刚创建了一个x可编辑的表单：

   <a href='#' class='username'
   data-pk='<?php echo $key['idca']; ?>'
   data-type="text"
   data-placement="right"> <?php echo $key['categoryname']; ?> </a>

然后，我创建了Javascript函数来处理x可编辑形式：

    $.fn.editable.defaults.success = function() { $(this).show() };
    $.fn.editable.defaults.mode = 'inline';
    $('.username').editable({
        url:'edit.php',
        pk:'1',
        type:'text',
        send:'always',
        ajaxOptions:{
            dataType:'json'
        },
        success: function(response, newValue) {
            window.alert('oke');
        },
        error: function(response, newValue) {
            window.alert('failed');
        }
    });

在PHP中，我只创建如下：

<?php

 $pk = $_POST['pk'];
 $val = $_POST['value'];
 $name = $_POST['name'];

 print_r($_POST);

 ?>

但是为什么我在窗口警报中收到消息“未定义的索引pk，值，名称”，这意味着我无法通过x-editable发布pk，值，名称。

需要帮助，非常感谢

最佳答案

鉴于以下HTML

<a href="#" class="username"
    data-pk="<?php echo $key['idca']; ?>"
    data-type="text"
    data-placement="right"
>
    <?php echo $key['categoryname']; ?>
</a>

您可以使用以下jQuery：

$.fn.editable.defaults.success = function() { $(this).show() };
$('#username').editable({
    type: 'text',  // optionnal if you've set up the data-type attribute
    pk: $(this).data('pk'), // optionnal if you've set up the data-pk attribute
    url: 'edit.php', // mandatory
    title: 'Enter username'
});

这应该工作as per the documentation。您无需自己执行$.ajax({});。