jquery - 从 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);