TinyMCE提交AjaxForm获取不到数据的解决方法
本文实例分析了TinyMCE提交AjaxForm获取不到数据的解决方法。分享给大家供大家参考。具体分析如下：
在没有使用AjaxForm前，我做的一个小小的评论提交的Web form，评论内容使用了TinyMCE做文本编辑。为了增加一点点的用户体验，就顺手拿AjaxForm来实现Ajax提交。可是发现出现了一个意外的事情。就是每次提交，第一次提交时，AjaxForm会无法获得当前编辑的评论内容，即TextArea里面的内容，要再点击一次提交，才能将TextArea的内容提交上去。
关键是TinyMCE上的内容没有在提交前更新到TextArea中。于是想看看AjaxForm是否有在提交前的事件绑定，发现在beforeSubmit事件中，formData的内容已经被填充，虽然可以在此处自行将当前的TinyMCE的内容填充上去，可是总觉得是不太漂亮的解决方案。
为了找是否有其它途径解决此问题，我查看了一下AjaxForm的源代码，发现原来AjaxForm作者已经为这问题提出了统一的解决方案，具体源代码如下：
// 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. 对应FCKEditor类似：
// bind form using 'ajaxForm'
$('#commentForm').ajaxForm(options);
// 绑定form-pre-serialize事件，在触发form-serilaize事件前保存tinyMCE的数据到textarea中
$('#commentForm').bind('form-pre-serialize', function(event, form, options, veto) {
tinyMCE.triggerSave();
});
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JQuery.get提交页面不跳转的解决方法，包括了JQuery.get提交页面不跳转的解决方法的使用技巧和注意事项，需要的朋友参考一下 代码如下： 问题分析： 有些Jquery 教程上说，使用jquery.get(url,data,function(){})可以跳转。 以上代码却没有跳转，如果中间有错误的话，不能执行回调函数的，但以上代码却执行了，原因何在？ 经过分析得知，jque
-
本文向大家介绍php将textarea数据提交到mysql出现很多空格的解决方法，包括了php将textarea数据提交到mysql出现很多空格的解决方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了php将textarea数据提交到mysql出现很多空格的解决方法。分享给大家供大家参考。具体分析如下： 有一些朋友可能会发现我们在html提交给php处理保存数据到mysql中之后会发现我
-
本文向大家介绍layer.open 获取不到表单信息的解决方法，包括了layer.open 获取不到表单信息的解决方法的使用技巧和注意事项，需要的朋友参考一下 表单： js : 在此处报了一个错误：layer.open弹出框不能获取input框的值为空 点击保存就是不能获取input的值，总是为空字符串。 后来在网上查找资料，原来这是个比较普遍的bug，原来是layer.open的content参
-
我的要求是插入供应商和目录，我只想单向映射。有没有反正解决它的单向只是因为我想从供应商（供应商）获取目录，我是新来的堆栈溢出，如果有任何编辑错误，请评论下来，我会修复它。 实体目录。Java语言 Supplier.java 服务类目录服务 供应商服务 我还想知道如何在spring boot中编写项目名称的搜索查询。假设供应商A有薯片、香蕉片、马沙拉片、咖啡。我想根据供应商ID搜索目录项，当我搜索“
-
表单提交及获取$_GET／$_POST的数据 在日常的编程工作中，我们经常会使用到$_POST/$_GET来获取表单提交数据以及URL参数，而sp框架提供了arg()函数来简化了$_POST/$_GET的一些使用过程。 arg()是框架内置函数，可以有两个参数，第一个参数是将要获取的参数名称，为空则返回全部参数的数组。第二个参数是默认值，当需要获取的参数为空时，将返回该默认值。 新版已经使用arg
-
web3.eth.submitWork()方法用来提交工作量证明（POW）解决方案。 调用： web3.eth.submitWork(nonce, powHash, digest, [callback]) 参数： nonce：String 8 Bytes: 找到的nonce(64 bits) powHash：String 32 Bytes: 区块头pow-hash (256 bits) dige