用js如何实现读取xml数据并且显示在html中
来源:互联网 发布:甜椒刷机软件 编辑:程序博客网 时间:2024/06/06 15:50
DOM 把 XML 文档作为树结构来查看。能够通过 DOM 树来访问所有元素。可以修改或删除它们的内容,并创建新的元素。元素,它们的文本,以及它们的属性,都被认为是节点。在本例中,将讲解用js如何实现读取xml数据并且显示在html中。感谢分享http://jingyan.baidu.com/article/1709ad8067b5804634c4f0ef.html
方法/步骤
有一个xml文件,文件名:test.xml;<?xml version="1.0" encoding="utf-8" ?><note> <name>张三</name></note>//-------------------------写的html文档是这样子的 :<html>................................<body> <h1 >显示姓名的区域</h1></body></html>//-------------想在html中h1标签里显示xml中的name标签的内容,,要如何引用xml进html,并解决兼容性问题;
建议使用jQuery,跟操作html一样,实现代码如下:
$.ajax({
url: '/xml/Student.xml',
type: 'GET',
dataType: 'xml',
success: function(xml) {
var name = $(xml).find('name').text();
$('h1').text(name);
}
});
阅读全文
0 0
- 用js如何实现读取xml数据并且显示在html中
- 查看如何在一个 HTML 表格中显示 XML 数据。
- 在python中实现数据生成饼图,并且饼图要显示在HTML页面中
- 在 HTML 表格中显示 XML 数据
- 在 HTML 中显示 XML 数据
- 怎样才能用js生成xmldom对象,并且在firefox中也实现xml数据岛?
- 如何在HTML中引用XML数据
- 如何在HTML中引用XML数据
- 在 HTML中显示XML数据的策略
- 在 HTML中显示XML数据的策略
- 如何将HTML标签 等在一个DOM元素中绑定并且正常显示
- 在HTML中通过JS实现对XML的加载
- c#如何实现从xml中加载树目录,并且显示完整的Text
- JS解析xml显示在html
- 读取pdf并且在web页面中显示
- 在js中如何遍历List集合,并且动态渲染下拉列表数据
- 读取XML并在TreeCtrl中显示
- XML中中的html格式化数据显示
- linux的常见目录结构
- jsoncpp封装和解析字符串、数字、布尔值和数组
- log4j配置详解
- git常用命令
- yii composer安装 github授权问题
- 用js如何实现读取xml数据并且显示在html中
- python_strip()
- 动态添加和删除布局
- DrawerLayout中菜单栏和主界面点击失效的原因
- bootstrap-star-rating使用详解
- mongoDB基础使用(二)
- Android App Logging 组件客制化
- Netty详细讲解
- C++的基础知识(十)--deque