从 MediumEditor div 获取空白 AJAX 数据

Question

我最初有一个 <textarea name="userWords"> 正确触发了 jquery 调用并发送了数据。但是我需要更好的文本编辑，所以我尝试使用 MediumEditor 而不是文本区域。我有以下 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);

从 MediumEditor div 获取空白 AJAX 数据

Getting blank AJAX data from MediumEditor div

jquery

ajax

medium-editor