如何在ajax post之后显示ckeditor消息
我有一个自定义的ckeditor 4.0插件,它通过ajax保存数据,我想在保存数据后显示一个带有服务器响应的ckeditor对话框。 我的插件代码是: CKEDITOR.plugins.add('ajaxsave'{ init:函数(编辑器){如何在ajax post之后显示ckeditor消息,ajax,dialog,ckeditor,Ajax,Dialog,Ckeditor,我有一个自定义的ckeditor 4.0插件,它通过ajax保存数据,我想在保存数据后显示一个带有服务器响应的ckeditor对话框。 我的插件代码是: CKEDITOR.plugins.add('ajaxsave'{ init:函数(编辑器){ })这就是我的save所做的。我想知道如何处理渐弱的消息而不是警报。(以前从未发布过代码,所以我希望它能工作) 键在jQuery.ajaxsuccess处理程序或延迟返回的对象的done方法中显示一个隐藏的元素(可能是div) 假设我们有一个具有以下标
})这就是我的save所做的。我想知道如何处理渐弱的消息而不是警报。(以前从未发布过代码,所以我希望它能工作)
键在jQuery.ajax
success
处理程序或延迟返回的对象的done
方法中显示一个隐藏的元素(可能是div)
假设我们有一个具有以下标记的div(注意position:absolute
,它允许div位于所有其他元素之上):
类似地,使用deferred.done方法
$.ajax({
type: "POST",
url: myURL,
data: myDataObj
})
.done(function (data, textStatus,jqXHR) {
var msg = $('#message-sent');
msg.show();
setTimeout(function () {
msg.fadeOut(2000).remove();
}, 1000);
});
事实上,每次发布更新时,我通常都会创建并重新创建“message sent”div。重新计算div的位置,将其放置在页面中心,并将响应文本插入其中。类似于以下内容:
var w = $('body').width();
var h = $('body').height();
var left = parseInt(Math.round((w - 300) / 2), 10);
var top = parseInt(Math.round((h - 100) / 2), 10);
var html = '<div id="message-sent" class="panel" style="display:none;width: 300px; height: 100px;z-index:9999;position:absolute;top:'+top+'px;left:'+left+'px;">' +
'<section><h5>'+jqXHR.responseText+' updated</h5></section></div>';
$('body').append(html);
var msg = $('#message-sent');
msg.show();
setTimeout(function () {
msg.fadeOut(2000).remove();
}, 1000);
var w=$('body').width();
var h=$('body').height();
var left=parseInt(数学圆整((w-300)/2),10);
var-top=parseInt(数学四舍五入((h-100)/2),10);
var html=''+
''+jqXHR.responseText+'updated';
$('body').append(html);
var msg=$(“#消息已发送”);
msg.show();
setTimeout(函数(){
msg.fadeOut(2000).remove();
}, 1000);
您在这方面有什么进展吗?我也在尝试验证和保存。您将如何处理错误?
<div id="message-sent" class="panel" style="display:none;width: 300px; height: 100px;z-index:9999;position:absolute;top:300px;left:500px;"><section><h5>Page Updated!</h5></section></div>
$.ajax({
type: "POST",
url: myURL,
data: myDataObj,
success: function(data, textStatus,jqXHR){
var msg = $('#message-sent');
msg.show();
setTimeout(function () {
msg.fadeOut(2000).remove();
}, 1000);
});
$.ajax({
type: "POST",
url: myURL,
data: myDataObj
})
.done(function (data, textStatus,jqXHR) {
var msg = $('#message-sent');
msg.show();
setTimeout(function () {
msg.fadeOut(2000).remove();
}, 1000);
});
var w = $('body').width();
var h = $('body').height();
var left = parseInt(Math.round((w - 300) / 2), 10);
var top = parseInt(Math.round((h - 100) / 2), 10);
var html = '<div id="message-sent" class="panel" style="display:none;width: 300px; height: 100px;z-index:9999;position:absolute;top:'+top+'px;left:'+left+'px;">' +
'<section><h5>'+jqXHR.responseText+' updated</h5></section></div>';
$('body').append(html);
var msg = $('#message-sent');
msg.show();
setTimeout(function () {
msg.fadeOut(2000).remove();
}, 1000);