2012-07-25 45 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显示它。这段代码工作得很好。