百度编辑器从Json对象中取值,完成初次渲染,在
网络编程 2021-07-05 12:51www.168986.cn编程入门
在百度编辑器中,如何完成从服务器取值,来渲染出表格?这里需要先console.log(editor);在官方API中已经告诉我们写入的方法是setContent(),这里只要能传入我们最终拼好的的字符串,即可以在初始化中,绘制出我们想要的任何节点
第一次做企业级应用,感觉一点对逻辑必须要非常明确,而且有了很多与之前不一样的概念。
在百度编辑器中,如何完成从服务器取值,来渲染出表格?这里需要先console.log(editor);在官方API中已经告诉我们写入的方法是setContent(),这里只要能传入我们最终拼好的的字符串,即可以在初始化中,绘制出我们想要的任何节点。
再send()完成之后,onreadystatechange = function(){},先上一段AJAX的代码。这段AJAX是消除游览器兼容,从尼古拉斯的书中学到。
function AJAX() {
if (typeof XMLHttpRequest != "undefined") {
return new XMLHttpRequest();
} else if (typeof ActiveXObject != "undefined") {
if (typeof arguments.callee.activeXString != "string") {
var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"];
for (var i = 0, len = versions.length; i < len; i++) {
try {
var xhr = new ActiveXObject(versions[i]);
arguments.callee.activeXString = versions[i];
return xhr;
} catch (ex) {
}
}
}
return new ActiveXObject(arguments.callee.activeXString);
} else {
throw new Error("错误");
}
}
在JSON数据集中,我们知道,这是一对key value的数据集。在我们从服务器端取到Json对象时,我们就要开始解析它,然后再生成,我们需要的DOM节点。比如,如下一对JSON数据集。
{
"head":{
"rows":3,
"cells":2
},
"body":{
"rows":3,
"cells":2
}
}
接下来,我们取得的数据是存储在responseText中的,所以,还需要设置一个变量接受一下,如此var a = eval("("+xhr.responseText+")");到了这一步,我们整个Json对象,就从服务端取了出来。接着for in它,就可以取到在Json对象中存储的数据。
for (var b in a) {
console.log(a[b].rows);
}
//for in遍历Json对象,b就是已经取到了key值了。
再得到具体的JSON数据集后,就可以通过+= 来拼写节点的字符串,用+=来拼写,从上到下,判断,循环,都可以,只需要在最开始设置一个空变量,来接收这一切。
一步,editor.setContent(Json);即可以完成编辑器可以编辑区域的初始化,从服务端取值,来渲染节点。
业精于勤,荒于嬉。行成于思,毁于随。新人的成长,在于。所有文章与例子,仅是自我,都仅供学习交流。
在百度编辑器中,如何完成从服务器取值,来渲染出表格?这里需要先console.log(editor);在官方API中已经告诉我们写入的方法是setContent(),这里只要能传入我们最终拼好的的字符串,即可以在初始化中,绘制出我们想要的任何节点。
再send()完成之后,onreadystatechange = function(){},先上一段AJAX的代码。这段AJAX是消除游览器兼容,从尼古拉斯的书中学到。
代码如下:
function AJAX() {
if (typeof XMLHttpRequest != "undefined") {
return new XMLHttpRequest();
} else if (typeof ActiveXObject != "undefined") {
if (typeof arguments.callee.activeXString != "string") {
var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"];
for (var i = 0, len = versions.length; i < len; i++) {
try {
var xhr = new ActiveXObject(versions[i]);
arguments.callee.activeXString = versions[i];
return xhr;
} catch (ex) {
}
}
}
return new ActiveXObject(arguments.callee.activeXString);
} else {
throw new Error("错误");
}
}
在JSON数据集中,我们知道,这是一对key value的数据集。在我们从服务器端取到Json对象时,我们就要开始解析它,然后再生成,我们需要的DOM节点。比如,如下一对JSON数据集。
代码如下:
{
"head":{
"rows":3,
"cells":2
},
"body":{
"rows":3,
"cells":2
}
}
接下来,我们取得的数据是存储在responseText中的,所以,还需要设置一个变量接受一下,如此var a = eval("("+xhr.responseText+")");到了这一步,我们整个Json对象,就从服务端取了出来。接着for in它,就可以取到在Json对象中存储的数据。
代码如下:
for (var b in a) {
console.log(a[b].rows);
}
//for in遍历Json对象,b就是已经取到了key值了。
再得到具体的JSON数据集后,就可以通过+= 来拼写节点的字符串,用+=来拼写,从上到下,判断,循环,都可以,只需要在最开始设置一个空变量,来接收这一切。
一步,editor.setContent(Json);即可以完成编辑器可以编辑区域的初始化,从服务端取值,来渲染节点。
业精于勤,荒于嬉。行成于思,毁于随。新人的成长,在于。所有文章与例子,仅是自我,都仅供学习交流。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程