欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

百度编辑器从Json对象中取值,完成初次渲染,在编辑器内画表格

程序员文章站 2022-03-07 19:31:55
第一次做企业级应用,感觉一点:对逻辑必须要非常明确,而且有了很多与之前不一样的概念。 在百度编辑器中,如何完成从服务器取值,来渲染出表格?这里需要先console.log(...
第一次做企业级应用,感觉一点:对逻辑必须要非常明确,而且有了很多与之前不一样的概念。
在百度编辑器中,如何完成从服务器取值,来渲染出表格?这里需要先console.log(editor);在官方api中已经告诉我们写入的方法是setcontent(),这里只要能传入我们最终拼好的的字符串,即可以在初始化中,绘制出我们想要的任何节点。
再send()完成之后,onreadystatechange = function(){},先上一段ajax的代码。这段ajax是消除游览器兼容,从尼古拉斯的书中学到。

在json数据集中,我们知道,这是一对key value的数据集。在我们从服务器端取到json对象时,我们就要开始解析它,然后再生成,我们需要的dom节点。比如,如下一对json数据集。

接下来,我们取得的数据是存储在responsetext中的,所以,还需要设置一个变量接受一下,如此var a = eval("("+xhr.responsetext+")");到了这一步,我们整个json对象,就从服务端取了出来。接着for in它,就可以取到在json对象中存储的数据。

再得到具体的json数据集后,就可以通过+= 来拼写节点的字符串,用+=来拼写,从上到下,判断,循环,都可以,只需要在最开始设置一个空变量,来接收这一切。
最后一步,editor.setcontent(json);即可以完成编辑器可以编辑区域的初始化,从服务端取值,来渲染节点。
业精于勤,荒于嬉。行成于思,毁于随。新人的成长,在于总结。所有文章与例子,仅是自我总结,都仅供学习交流。