Получение пустых данных AJAX из MediumEditor div

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