AJAX jQuery表单提交,表单中包含HTML



我对AJAX没有太多的经验,所以我正在使用一些工具,并试图集成和自定义它们。首先,这是一个使用AJAX表单提交帖子的wordpress网站。一切都很好!现在,当然,我必须添加一个所见即所得编辑器到组合中,并需要弄清楚如何正确提交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%确定我明白什么是失败的,在哪里。。。

发现与另一个插件存在冲突。追踪request.responseText发现了它。这段代码运行得很好。

最新更新