Javascript 未发送X-AJAX可编辑请求

Javascript 未发送X-AJAX可编辑请求,javascript,jquery,ajax,x-editable,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">

我正在使用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>

名字:
姓氏:
拯救
取消
$(函数(){
$.fn.editable.defaults.mode='inline';
$.fn.editable.defaults.send=“始终”;
$.fn.editable.defaults.url=“/post.php”;
$.fn.editable.defaults.ajaxOptions={type:“POST”};
$('.editable item')。可编辑({
键入:“文本”,
emptytext:'单击以编辑',
显示按钮:错误,
切换:“手动”,
onblur:“忽略”,
成功:函数(响应,newValue){
警报(响应);
}
}).on('click',函数(e){
e、 停止传播();
e、 预防默认值();
$(“#可编辑按钮容器”).show();
$('.editable item')。可编辑('show');
$('.edite edit').hide();
});
$('.submit editable')。在('单击',函数()上){
警报(“提交mofo”);
$('.editable item').editable().submit();
});
});

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

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

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

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

该代码不包含提交按钮和JavaScript。我不明白你为什么希望能够提交它,或者为什么JavaScript应该在你提交时接管并发出请求。很抱歉,我忘了添加代码的JS部分什么元素是
$('.submit editable')
应该匹配?也添加了按钮。该代码不包含提交按钮,也不包含JavaScript。我不明白为什么你希望能够提交它,或者为什么你提交时JavaScript应该接管并发出请求。很抱歉,我忘了添加代码的JS部分什么元素是
$('.submit editable')
应该匹配?也添加了按钮。我真的不记得我是如何解决这个问题的。也许我放弃了。尽管如此,我还是会为未来的用户接受它。我真的不记得我是如何解决这个问题的。也许我放弃了。尽管如此,我还是会为未来的用户接受它。