2012-07-25 43 views
0

我不是非常有經驗的AJAX,所以我正在使用一些工具,並試圖集成和定製它們。首先,這是一個使用AJAX表單提交帖子的WordPress網站。這一切都很好!當然,現在我必須添加一個所見即所得的編輯器,並且需要弄清如何正確提交html內容。AJAX jQuery表單提交與表單中的HTML

這裏提交代碼:

jQuery("form.pfs").submit(function() { 
    // vvv I ADDED THIS LINE!!! vvv 
    jQuery('textarea#postcontent').val(jQuery('div.workzone iframe').contents().find('body').html()); 
    jQuery(this).ajaxSubmit({ 
    type: "POST", 
    url: jQuery(this).attr('action'), 
    dataType:'json', 
    beforeSend: function() { 
     jQuery('.pfs-post-form #post').val('posting...'); 
    }, 
    complete: function(request,textStatus,error) { 
     data = jQuery.parseJSON(request.responseText); 
     if (data && data.error) { 
     jQuery('#pfs-alert').addClass('error').html('<p>'+data.error+'</p>').show(); 
     jQuery('.pfs-post-form #post').val('Post'); 
     } else { 
     jQuery('form.pfs').reset(); 
     location.reload(); 
     } 
    } 
    }); 
    return false; 
}); 

正如你可以看到,我添加了第一線,我把HTML的內容,所見即所得(http://elrte.org/)和將其設置爲原始文本區(#postcontent)的值。

的AJAX完美地工作,如果有一個錯誤,所以它是引發錯誤的程序的只有「其他人」部分:

Uncaught SyntaxError: Unexpected token < jquery.js:2 
e.extend.parseJSON jquery.js:2 
jQuery.submit.jQuery.ajaxSubmit.complete pfs-script.js:31 
F 

所以你看,我需要驗證的惡意代碼(不是這個幫助請求的一部分!!),但更重要的是,我只想在我的表單帖子中接受HTML。想法?我不是100%確定我明白什麼是失敗和在哪裏...

回答

0

事實證明與另一個插件有衝突。追蹤出request.responseText顯示它。這段代碼工作得很好。