x可编辑的帖子值未定义

Question

I just created an x-editable form :

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

Then I created Javascript function to handle x-editable form :

    $.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');
        }
    });

and in PHP I just create as follow :

<?php

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

 print_r($_POST);

 ?>

But why I received message "undefined index pk, value, name" on window alert, which means I failed posting pk, value, name from x-editable..

Need helps, thank you very much

Answer 1

Given the following HTML

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

You can use this 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'
});

This should work as per the documentation . There is no need for you to do the $.ajax({}); by yourself.

Answer 2

A little late but on php side when you response you should use json_encode because x-editable is expecting you to return with json string.

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

 echo json_encode($_POST);
 die();