Tinymce textarea无法使用ajax提交多次的表单

Question

我试图在使用tinymce作为我的textarea编辑器时使用ajax提交表单，但表单仅在第一个实例上提交，并且在随后的提交中不工作。

这是我的形式

<form action="{{action('QuizController@postQuiz', [$quiz_id])}}" method="POST" id="quiz_form"> 
<textarea class=" tinymce" placeholder="Enter the question" name="m_c_question" required></textarea> 
</form> 

这是我的TinyMCE的初始化

<script> 
$(function() { 
tinymce.init({ 
    selector: "tinymce", 
    statusbar: false, 
    setup: function (editor) { 
     editor.on('change', function() { 
      editor.save(); 
     }); 
    } 
}); 
}); 
</script> 

这是我的Ajax代码提交表单到数据库

$('#quiz_form').submit(function(event) { 

    tinyMCE.triggerSave(); 
    // get the form data 
    var formData = { 
     'm_c_question'     : $('textarea[name=m_c_question]').val(), 
    };  

    // process the form 
    $.ajax({ 
     type  : 'POST', 
     url   : 'quiz', 
     data  : formData, 
     dataType : 'json', 
     encode  : true 
    }) 

我可以” t似乎找到了问题。任何帮助将不胜感激。谢谢。

Answer 1

默认情况下，阿贾克斯是cached

缓存（默认值：true，false为的dataType '脚本' 和 'JSONP'）

所以添加cache到PARAMS名单

$.ajax({ 
    cache  : false, 
    type  : 'POST', 
    url   : 'quiz', 
    data  : formData, 
    dataType : 'json', 
    encode  : true 
})