Javascript 未发送X-AJAX可编辑请求
我正在使用X-Editable jquery插件,我快疯了。 我无法在提交时发送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">
<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')
应该匹配?也添加了按钮。我真的不记得我是如何解决这个问题的。也许我放弃了。尽管如此,我还是会为未来的用户接受它。我真的不记得我是如何解决这个问题的。也许我放弃了。尽管如此,我还是会为未来的用户接受它。