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

来源:互联网 发布:甜椒刷机软件 编辑:程序博客网 时间:2024/06/06 15:50

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);

        }

    });

原创粉丝点击