Question

我尝试使用ajax提交表单，同时使用tinymce作为我的textarea编辑器，但表单只是在第一个实例上提交而不在后续提交中工作。

这是我的表格

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

我似乎无法找到问题所在。任何帮助将不胜感激。感谢。

Answer 1

默认情况下，ajax为cached

缓存（默认值：true，false表示dataType＆＃39;脚本＆＃39;和＆＃39; jsonp＆＃39;）

所以将cache添加到参数列表

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

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

1 个答案: