Ajax提交表单时获取不到 KindEditor 内容

1、问题：当用Ajax提交表单时，KindEditor的内容获取不到，HTML数据获取不了。

2、原因：jax提交时，KindEdito的HTML数据还没有同步到表单中来。

3、解决：使用 http://kindeditor.net/doc3.php?cmd=config 的afterBlur属性。

<script type="text/javascript">KindEditor.ready(function (K) {window.editor = K.create('#AContent', {//关键所在，当失去焦点时执行this.sync()，同步输入的值到textarea中;afterBlur: function () { this.sync(); } });});
</script>

4、部分代码：

<form id="add_form" enctype="multipart/form-data" method="post"><table><tr><td>介绍:</td><td><textarea name="about" id="add_about" style="width: 500px; height:270px" ><?php echo isset($data['content'])?$data['content']:''?></textarea></td></tr></table>
</form>
<script>
$(function(){KindEditor.basePath = '<?php echo $cdn_host;?>js/kindeditor-4.1.10/';setTimeout(function(){window.editor = KindEditor.create('#add_about', {filterMode: false,//是否开启过滤模式uploadJson: '/admin/public/upload?type=imgFile',/*  fileManagerJson: '?m=upload&f=file_manager_json&is_json=1',allowFileManager: true*/afterBlur: function () { this.sync(); }});},100);
});//添加，编辑操作
function ydkCourseAddDialogEvt(href){//提交表单操作var isValid = $('#add_form').form('validate');if (!isValid) {return false;}//MaskUtil.mask(); //打开loading效果var formData = new FormData($( "#add_form" )[0]);$.ajax({url: href,data: formData,dataType: 'json',type: 'post',async: false,  cache: false,  contentType: false,  processData: false,success: function(result) {if (result.status == 'success') {dialog('close');    //关闭添加弹出框$('#easyuiTable').datagrid('reload');  //根据table的ID刷新easyui表格}// MaskUtil.unmask();//关闭loading效果M(result.message); //弹出[错误/正确]信息}});
}
</script>

Ajax提交表单时获取不到 KindEditor 内容相关推荐

layui.form用ajax提交表单时的问题(巨坑)
主要问题:使用layui的form组件用ajax提交表单发送请求时,总是无法收到回调函数,success与error中的回调均不执行,且该表单会自动刷新. 解决办法:在提交表单的方法form.on() ...
ajax如何实现表单验证码,Ajax实现提交表单时验证码自动验证（原创自Zjmainstay）...
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html 验证码提交自验证用户名验证码 (function($){ $(docu ...
js登录特效+ajax提交表单+异步刷新验证
今天成功测试一种js登录特效+ajax提交表单+异步刷新验证,登录时特效提醒,无刷新ajax提交表单,获取验证结果,跳转正式页面:废话不多说,先直接分享代码: 1.主界面index.php 加载的这 ...
ajax提交后立刻刷新,Ajax提交表单页面刷新很快的解决方法
注:使用ajax 提交表单时 type类型最好不用submit 用button合适 function formCheck(){ $.ajax({ type: "post", url ...
Jquery ajax提交表单几种方法详解
[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...
JQuery ajax提交表单及表单验证
JQuery ajax提交表单及表单验证博客分类: jsp/html/javascript/ajax/development Kit 开源项目注:经过验证,formValidator只适合一个页面 ...
VIEW层AJAX提交表单到Controller的实体(AJAX传递序列化的输入元素)
在MVC环境中,AJAX方式添加一个对象,这个对象在Models中是一个视图模型,在前台显示时是这样的代码: <%using (Html.BeginForm()) { %> ...
java jquery提交表单_Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
只有设置了 name 属性的表单元素才能在提交表单时传递它们的值
$(function () {var wait = $("<img src=\"\" alt=\"正在上传\"/>");$(&q ...
html ajax提交表单实例,jQuery使用$.ajax提交表单完整实例
本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: /p> "http://www.w3.org/TR/x ...

Ajax提交表单时获取不到 KindEditor 内容

Ajax提交表单时获取不到 KindEditor 内容相关推荐

最新文章

热门文章