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

希望这对您有所帮助。