jquery - 在ajax表单提交来自ckeditor textarea的值之后，不通过post发送

Question

我有一个包含一些文本字段和一个文本区域(ckeditor)的表单，在onclick按钮后art_title字段值被发送到art_save.php页面，但来自textarea的值没有发送。

<script src="ckeditor/ckeditor.js"></script>
function saveArt() 
{
    var title = document.getElementById('art_title'),
        art_title = title.value;

    var desc = document.getElementById('art_body'),
        art_body = desc.value;

    jQuery.ajax({
        type: 'POST',
        url: 'art_save.php',
        data: {
            title: art_title,
            aut: art_author,
            tag: art_tag,
            desc: art_body

              }

         });  
         return false; 

 }

html部分

<form method="post" name="art" id="art">
    <input type="text" id="art_title" name="art_title" placeholder="Here goes your title"/>
<textarea class="ckeditor" name="art_body" id="art_body"></textarea>
<input type="submit" name="savedraft" id="savedraft" onclick="saveArt();return false;" value="Need more Research ! Save as Draft" class="button"/>
</form>

Answer 1

您可以使用以下方法强制 CKeditor 更新文本区域值:

for (instance in CKEDITOR.instances) {
    CKEDITOR.instances[instance].updateElement();
}

此外，您可以对数据使用 .serialize - 这样，如果参数发生变化，您就不必维护 AJAX 代码:

<script src="ckeditor/ckeditor.js"></script>
function saveArt() 
{
    for (instance in CKEDITOR.instances) {
        CKEDITOR.instances[instance].updateElement();
    }

    jQuery.ajax({
        type: 'POST',
        url: 'art_save.php',
        data: $("#art").serialize()
     });  
     return false; 

 }