X-EditableでAjax経由でデータを送信

Question

X-Editableを使用してAjax経由でデータを送信しようとしましたが、urlパラメータで定義されたphpスクリプトの実行に問題があります。実は、私が働いてから基本的な例を得た：

HTML：

<a href="#" id="username" data-type="text" data-pk="1" data-name="username" data-original-title="Enter username" class="editable">superuser123</a> 

のJs：

$('#username').editable({ 
    url: 'post.php', 
    type: 'text', 
    pk: 1, 
    name: 'username', 
    title: 'Enter username' 
}); 

そして、これが働いている（post.phpが実行されます）。しかし、私はもっと編集可能なフィールドを持っていてボタンクリックでそれらを実行したいと思っています。

{foreach from=$categories key="category_key" item="category_item"} 
<tr> 
    <th scope="row">{$category_key + 1}</th> 
    <td> 
     <span id="edit-button-{$category_key + 1}" data-pk="1" data-original-title="Edit category name" data-toggle="#edit"> 
      {$category_item["name"]} 
     </span> 
     <button class="btn edit"><span class="glyphicon glyphicon-pencil"></span></button> 
    <td>0</td> 
</tr> 
{/foreach} 

および関連Javascriptを：これは私の（私はSmartyのを使用しています）htmlです

$(document).ready(function() { 
    //toggle `popup`/`inline` mode 
    $.fn.editable.defaults.mode = 'inline';  

    $('.edit').click(function(e){  
     e.stopPropagation(); 
     var button = $(this).prev('span').attr('id'); 

     $('#'+button).editable('toggle',{ 
      url: 'post.php', 
      type: 'text', 
      pk: 1, 
      name: button, 
      title: 'Edit category'     
     }); 
    }); 
}); 

事は、これはそれが必要として編集可能なフィールドを作成しますが、それはpost.phpを呼び出さないということですスクリプト（最初の例とは異なります）。私が間違っていることは何ですか？

Answer 1

私は次の操作を実行して、それを解決した：これを掲示するための

$('#'+button).editable({ 
          url: 'post.php', 
          type: 'text', 
          name: button, 
          title: 'Edit category', 
          ajaxOptions:{ 
          type:'post' 
          } , 
          // success: function(data) { 
          // alert(data); 
          // }, 
     });