這篇文章主要介紹了tinymce提交ajaxform獲取不到數(shù)據(jù)的解決方法,實例分析了對應(yīng)的源碼部分與相應(yīng)的解決方法,具有一定參考借鑒價值,需要的朋友可以參考下
    本文實例分析了tinymce提交ajaxform獲取不到數(shù)據(jù)的解決方法。分享給大家供大家參考。具體分析如下：
    在沒有使用ajaxform前，我做的一個小小的評論提交的web form，評論內(nèi)容使用了tinymce做文本編輯。為了增加一點點的用戶體驗，就順手拿ajaxform來實現(xiàn)ajax提交。可是發(fā)現(xiàn)出現(xiàn)了一個意外的事情。就是每次提交，第一次提交時，ajaxform會無法獲得當(dāng)前編輯的評論內(nèi)容，即textarea里面的內(nèi)容，要再點擊一次提交，才能將textarea的內(nèi)容提交上去。
    關(guān)鍵是tinymce上的內(nèi)容沒有在提交前更新到textarea中。于是想看看ajaxform是否有在提交前的事件綁定，發(fā)現(xiàn)在beforesubmit事件中，formdata的內(nèi)容已經(jīng)被填充，雖然可以在此處自行將當(dāng)前的tinymce的內(nèi)容填充上去，可是總覺得是不太漂亮的解決方案。
    為了找是否有其它途徑解決此問題，我查看了一下ajaxform的源代碼，發(fā)現(xiàn)原來ajaxform作者已經(jīng)為這問題提出了統(tǒng)一的解決方案，具體源代碼如下：
    1. js代碼如下：
    代碼如下:
    // hook for manipulating the form data before it is extracted;
    // convenient for use with rich editors like tinymce or fckeditor
    var veto = {};
    this.trigger('form-pre-serialize', [this, options, veto]);
    if (veto.veto) {
    log('ajaxsubmit: submit vetoed via form-pre-serialize trigger');
    return this;
    }
    2. 對應(yīng)fckeditor類似：
    代碼如下:
    // bind form using 'ajaxform'
    $('#commentform').ajaxform(options);
    // 綁定form-pre-serialize事件，在觸發(fā)form-serilaize事件前保存tinymce的數(shù)據(jù)到textarea中
    $('#commentform').bind('form-pre-serialize', function(event, form, options, veto) {
    tinymce.triggersave();
    });
    希望本文所述對大家的javascript程序設(shè)計有所幫助。