Javascript 在同一页中将编辑器内容添加到div中

单击表单提交按钮时，如何将ckeditor的内容放入div中。 这是我的密码

ckeditor

<form method="post" role="form">
   <textarea id="post" name="ckeditor" ></textarea>
    <script>
   CKEDITOR.replace('ckeditor');  
   </script>
<button type="submit" id="submit" class="btn btn-outline btn-success"><span class="fa fa-upload"></span> &nbsp Upload</button>
 </form>

CKEDITOR.替换（“CKEDITOR”）；
 上传

Ajax

<script>
$(function() {
 $("#submit").click(function() {
var text = CKEDITOR.instances.ckeditor.getData();

        $.ajax({
            type: "POST",
            url: "post.php",
            data: "text=" + text,
            dataType: "html",
            success: function(data) {
            $("#newpost").append(data);
        });
    });
});
});
</script>

$（函数（）{
$（“#提交”）。单击（函数（）{
var text=CKEDITOR.instances.CKEDITOR.getData（）；
$.ajax({
类型：“POST”，
url:“post.php”，
数据：“text=”+text，
数据类型：“html”，
成功：功能（数据）{
$（“#newpost”）。追加（数据）；
});
});
});
});

Div

<div id="newpost"></div> 

我试过了，但不起作用。有人能帮忙吗？

---

谢谢。

检查控制台。你有什么错误吗？服务器是否返回任何数据？在success方法中放置一个

调试器

，并检查

数据

变量的值。另外，在使用ajax调用时始终使用

error

方法，以了解在进行ajax调用时是否发生任何错误。另外，请注意，

jqXHR.success（）。为了准备代码以便最终删除，请使用
jqXHR.done（）
，
jqXHR.fail（）
，和
jqXHR.always（）
。感谢您的回复，我添加了
.done（）
和
.fail（）
回调，还添加了
$.toast（）
来通知成功或失败，但遗憾的是我没有收到任何回复。没有成功或失败通知。您的代码在什么时候失败？您可以从CKEditor实例中获取文本吗？对于数据：您应该使用
“text=“+encodeURIComponent（text）”是否可以附加文本而不是数据<代码>$（“#newpost”）。追加（文本）