从 MediumEditor div 获取空白 AJAX 数据

Question

我最初有一个<textarea name="userWords">，它正确地触发了一个 jquery 调用并发送了数据。但我需要更好的文本编辑，所以我尝试使用 MediumEditor 而不是 textarea。我有以下html：

<form method="post" action="/userWords" enctype="multipart/form-data"  data-id="{{uniqueId}}" id="{{uniqueId}}-userWords">
    <div name="userWords" id="ThisBox" class="editable" contenteditable="true"></div>
</form>

以下 AJAX 曾经与 textarea 一起工作，但现在不再工作：

 var Id = $(this).data('id');
 var data = new FormData($("#" + Id + "-userWords")[0]);

        var ajaxOptions = {
            url: '/userWords',
            data: data,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST',
            success: function(res) {
              //...do stuff
            }
        };

        $.ajax(ajaxOptions);

基本上，数据为空。我有什么遗漏吗？

Answer 1

尝试以下方法：

 var textdata = $('#'+ThisBox).val();
 var my_object = {"ThisBox": textdata};

        var ajaxOptions = {
            url: '/userWords',
            data: my_object,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST',
            success: function(res) {
              //...do stuff
            }
        };

        $.ajax(ajaxOptions);