如何在ajax post之后显示ckeditor消息

如何在ajax post之后显示ckeditor消息,ajax,dialog,ckeditor,Ajax,Dialog,Ckeditor,我有一个自定义的ckeditor 4.0插件,它通过ajax保存数据,我想在保存数据后显示一个带有服务器响应的ckeditor对话框。 我的插件代码是: CKEDITOR.plugins.add('ajaxsave'{ init:函数(编辑器){ })这就是我的save所做的。我想知道如何处理渐弱的消息而不是警报。(以前从未发布过代码,所以我希望它能工作) 键在jQuery.ajaxsuccess处理程序或延迟返回的对象的done方法中显示一个隐藏的元素(可能是div) 假设我们有一个具有以下标

我有一个自定义的ckeditor 4.0插件,它通过ajax保存数据,我想在保存数据后显示一个带有服务器响应的ckeditor对话框。 我的插件代码是: CKEDITOR.plugins.add('ajaxsave'{ init:函数(编辑器){


})这就是我的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);