Ajax异步获取数据到KindEditor的时候无法显示数据

最新推荐文章于 2022-09-09 08:33:17 发布

匿名用户123

最新推荐文章于 2022-09-09 08:33:17 发布

阅读量427

点赞数

近期，在做一个有关于编辑通知公告这样的模块的时候出现了一个问题

就是使用ajax从controller层返回map中获取数据，然后把这个数据赋值给KindEditor这个编译器的时候数据无法显示的问题

最初以为是数据匹配失败认真检查了每一个ajax中对应html中的id 发现没有问题然后是使用console打印出数据发现也没有问题数据是能传过来的

那么问题就锁定在了编译器首先编译器需要加载两个js js的加载顺序也必须固定

然后考虑到ajax是异步获取数据关于ajax的异步获取数据就是不刷新网页不像同步操作一样刷新页面阻塞了用户进行操作，异步改善了这一个用户体验，但是问题也来了，在ajax还没有把数据加载进html里面的时候，编译器就已经加载完了，那么里面一定是没有数据的

所以跟着这个思路将编译器加载的scrip放在了html的最下面

$(function(){

KindEditor.ready(function(K) {

        editor = K.create('#xx', {
            width : "100%", //编辑器的宽度为70%
            height : "200px", //编辑器的高度为100px
            resizeType : 0,
            uploadJson : '../../../editor/jsp/upload_json.jsp',
            fileManagerJson : '../../../editor/jsp/file_manager_json.jsp',
            allowFileManager : false
        });

});

测试发现没有用考虑到可能是ajax获取数据传到html的时候页面已经加载完成了所有放在哪里都没有用包括在html中引用js放在最前面也没用

然后又测试了把编译器加载的function 放在了ajax的那个js里面让ajax加载数据的时候去加载这个编译器加载的方法然后发现只会调用这个方法但是进不去方法的内部进行加载应该是页面中引入的js没有被在js中的ajax所找到但是页面也没有报错这个可能是应为ajax使得程序的错误机制发生了异常这个以前也遇到过

最后测试了很多办法包括写死循环等等

最终在ajax中加入了这一行代码当数据加载完成以后直接将数据扔给已经加载完的编译器。。。问题就解决了。。

KindEditor.html('#xx',data.nr);
---------------------
作者：独饮阑珊
来源：CSDN
原文：https://blog.csdn.net/qq_38053426/article/details/77732518
版权声明：本文为博主原创文章，转载请附上博文链接！