无法发送X-Editable AJAX请求

时间:2015-09-29 08:52:02

标签: javascript jquery ajax x-editable

我正在使用X-Editable jquery插件,我在这里疯狂。 我无法通过提交发送AJAX请求。我总是发送,但看着我的网络,我看不到任何请求被发送。

以下是我的代码

<form class="form-horizontal form-editable">
   <div class="row padding-top-20">
   <div class="col-md-4">
      <div class="form-group">
         <label class="col-md-3 control-label text-left" for="client-fname">First Name:</label>
         <div class="col-md-9 editable-cont col-no-padding-left">
            <a href="#" id="client-fname" data-type="text" data-name="fname" class="editable-item"><?php echo $client['fname'];?></a>
            <span class="editable-span"><a href="#" class="text-red underline editable-edit">edit</a></span>
         </div>
      </div>
      <div class="form-group">
         <label class="col-md-3 control-label text-left" for="client-lname">Last Name:</label>
         <div class="col-md-9 editable-cont col-no-padding-left">
            <a href="#" id="client-lname" data-type="text" data-name="lname" class="editable-item"><?php echo $client['lname'];?></a>
            <span class="editable-span"><a href="#" class="text-red underline editable-edit">edit</a></span>
         </div>
      </div>
   </div>
   <button type="button" class="btn btn-success submit-editable">Save</button>
   <button type="button" class="btn btn-default cancel-editable">Cancel</button>
</form>

<script>
    $(function(){
    $.fn.editable.defaults.mode = 'inline';
            $.fn.editable.defaults.send = "always";
            $.fn.editable.defaults.url = "/post.php";
            $.fn.editable.defaults.ajaxOptions = {type: "POST"};
            $('.editable-item').editable({
                type: 'text',
                emptytext: 'Click to Edit',
                showbuttons: false,
                toggle: 'manual',
                onblur: 'ignore',
                success: function(response, newValue) {
                    alert(response);
                }
            }).on('click', function (e) {
                e.stopPropagation();
                e.preventDefault();
                $('#editable-buttons-container').show();
                $('.editable-item').editable('show');
                $('.editable-edit').hide();
            });

            $('.submit-editable').on('click',function(){
                alert('submit mofo');
                $('.editable-item').editable().submit();
            });
    });
</script>

1 个答案:

答案 0 :(得分:0)

同样的问题。找到另一种设置默认值及其工作方式:

$.extend($.fn.editable.defaults, {
    ajaxOptions: {
        type: 'PUT',
        dataType: 'script'
    }
});