百度编辑器从Json对象中取值,完成初次渲染,在
官方API为我们提供了一个强大的工具:setContent()方法。这个方法允许我们传入一个字符串,这个字符串可以是我们想要渲染的任何节点。我们的目标就是生成这个字符串。
在完成send()之后,我们需要处理服务器返回的响应。这里,我们将使用一段AJAX代码来消除浏览器兼容性问题。这段代码是从尼古拉斯的书中学习到的,旨在确保我们的代码能在各种浏览器中顺畅运行。
AJAX函数定义如下:
```javascript
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数据集时,我们需要它并生成所需的DOM节点。例如,我们接收到以下JSON数据集:
```json
{
"head": { "rows":3, "cells":2 },
"body": { "rows":3, "cells":2 }
}
```
服务器返回的数据存储在responseText中。我们需要将其转换为JavaScript对象,以便进一步处理。这时,我们可以使用eval()函数:
```javascript
var a = eval("("+xhr.responseText+")");
```
然后,我们可以使用for-in循环来遍历JSON对象,获取所需的数据。例如:
```javascript
for (var b in a) { console.log(a[b].rows); }
//这里b就是我们取到的key值。
```
在获取具体的JSON数据集后,我们可以使用+=来构建节点字符串。通过不断拼接字符串,我们可以构建出我们需要的DOM结构。我们使用editor.setContent(Json)将构建的节点渲染到编辑器中。
正如古人云:“业精于勤,荒于嬉;行成于思,毁于随。”作为新人,不断学习、实践和分享是我们成长的阶梯。以上文章和例子仅供学习交流之用。让我们在编程的道路上一起前行,共同未知的领域!
cambrian.render('body')这一行代码似乎是在调用一个名为“cambrian”的对象的“render”方法,并传递了一个参数“body”。没有更多的上下文信息,我无法确定这行代码的确切作用。
编程语言
- 百度编辑器从Json对象中取值,完成初次渲染,在
- PHP使用GIFEncoder类处理gif图片实例
- WordPress伪静态规则设置代码实例
- SeaJS中use函数用法实例分析
- Mysql中mysql.user用户表详解
- PHP面向对象多态性实现方法简单示例
- 动态加载JavaScript文件的两种方法
- Thinkphp 框架配置操作之动态配置、扩展配置及批
- js倒计时抢购实例
- 通过Windows批处理命令执行SQL Server数据库备份
- jQuery展示表格点击变色、全选、删除
- PHP测试成功的邮件发送案例
- thinkPHP商城公告功能开发问题分析
- SQL 复合查询条件(AND,OR,NOT)对NULL值的处理方法
- PHP中file_exists使用中遇到的问题小结
- 老鸟带你开发专业规范的MySQL启动脚本