javascript - 将 Summernote 文本传递给 ajax

Question

我不是 ajax 和 javascript 的专家，所以我不得不问。 我有一个带有编辑器的表单(summernote 编辑器)

<div id="summernote">summernote text</div>

然后我通过这个 ajax 函数发送表单数据:

$( '#form-create-project' ).submit( function( e ) {
    $.ajax({
      url: 'create_project.php',
      type: 'POST',
      data: new FormData( this ),
      processData: false,
      contentType: false
    });
    e.preventDefault();
});

但我也找不到传递 Summernote 值的方法，我已经尝试过:

var content = $('textarea[name="content"]').html($('#summernote').code());

但我不知道将其放在上面的js中的哪里。当我尝试插入它时，提交时的表单会刷新页面而不是执行ajax，所以我认为我把它放在了错误的位置。

有人可以帮助我吗？

Answer 1

您可以在发送之前使用 append() 将值简单地添加到 formData 中:

formData.append("summernote", $('#summernote').text() );

完整代码如下:

var formData = new FormData( this );
formData.append("summernote", $('#summernote').text() );

$.ajax({
  url: 'create_project.php',
  type: 'POST',
  data: formData,
  processData: false,
  contentType: false
});

希望这有帮助。