2017-08-02 6 views
0

私は、テキストエリアエディタとしてtinymceを使用している間にajaxを使ってフォームを送信しようとしていますが、フォームは最初のインスタンスでのみ送信し、 フォームがaymaxを使用して複数回サブミットできない

この

は、これは私のTinyMCEの初期化子

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

である私のフォーム

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

であり、これはデータベース

$('#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 
    }) 

私ができる」にフォームを送信するために私のAjaxコードです問題を見つけたようだ。どんな助けでも大歓迎です。ありがとう。デフォルトでは

答えて

0

、Ajaxはcached

キャッシュ(デフォルト:真、dataTypeと 'スクリプト' と 'JSONP' の偽)である

ので

のparamsのリストに cacheを追加
$.ajax({ 
    cache  : false, 
    type  : 'POST', 
    url   : 'quiz', 
    data  : formData, 
    dataType : 'json', 
    encode  : true 
}) 
+0

私はこれを試しましたが、何も変更されていません。 – user3714932

+0

@ user3714932あなたはそれをチェックするためにjsfiddleを作れますか? –

関連する問題