用js如何实现读取xml数据并且显示在html中

DOM 把 XML 文档作为树结构来查看。能够通过 DOM 树来访问所有元素。可以修改或删除它们的内容,并创建新的元素。元素,它们的文本,以及它们的属性,都被认为是节点。在本例中,将讲解用js如何实现读取xml数据并且显示在html中。感谢分享http://jingyan.baidu.com/article/1709ad8067b5804634c4f0ef.html

方法/步骤

  1. 1

    有一个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,并解决兼容性问题;

  2. 2

    建议使用jQuery,跟操作html一样,实现代码如下:

    $.ajax({  

        url: '/xml/Student.xml',

        type: 'GET',

        dataType: 'xml',

        success: function(xml) {

            var name = $(xml).find('name').text();

            $('h1').text(name);

        }

    });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值