新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
    		•   Add to Google

    >> 讨论HTML、XHTML、Web2.0、Ajax、XUL, ExtJS, jQuery, JSON、Social Networking System(SNS)、Rich Internet Applications (RIA)、Tagging System、Taxonomy（tagsonomy,folkonomy）、XForms、XFrames、XInclude, XBL (XML Binding Language)等话题
    [返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - XML技术 → 『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』 → JavaScript脚本读取xml数据到HTML文件中? ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 42492 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： JavaScript脚本读取xml数据到HTML文件中? 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     jxytwy 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：11
      积分：86
      门派：XML.ORG.CN
      注册：2006/4/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给jxytwy发送一个短消息 把jxytwy加入好友 查看jxytwy的个人资料 搜索jxytwy在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看jxytwy的博客楼主
    发贴心情 JavaScript脚本读取xml数据到HTML文件中?

    谁会用JavaScript脚本读取xml数据到HTML文件中呀,帮兄弟把下面的数据读一下好吗?

    <%@ page contentType="text/xml; charset=gbk" language="java" import="java.sql.*" errorPage="" %>
    <?xml version="1.0" encoding="gb2312"?>
    <M2MDoc>
        <SPID>3</SPID>
        <SPName>3</SPName>
        <MovieList>
            <Item MovieID="103704" MovieName="忍" Class="动作片" />
            <Item MovieID="103701" MovieName="风斗士" Class="动作片" />
            <Item MovieID="103693" MovieName="无血无泪" Class="动作片" />
        </MovieList>
        <Page Number="1" AllPage="3" Count="45" />
    </M2MDoc>


       收藏   分享  
    顶(1)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/4/15 13:49:00
     
     YHai 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：3
      积分：89
      门派：XML.ORG.CN
      注册：2006/4/5

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给YHai发送一个短消息 把YHai加入好友 查看YHai的个人资料 搜索YHai在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看YHai的博客第2楼
    发贴心情 
    <script language="javascript" type="text/javascript">
    var xhai_xml;

    function xhai_GetXML(){
     xhai_xml = new ActiveXObject("Microsoft.XMLDOM");
        xhai_xml.async=true;
        xhai_xml.onreadystatechange = GetReady;
        xhai_xml.load("datafile.xml")
    }

    function GetReady(){
     if(xhai_xml.readyState==4){
         if(xhai_xml.parseError.errorCode==0){
       document.write("SPID："+xhai_xml.documentElement.selectNodes("SPID")(0).text+"<br />");
       document.write("SPName："+xhai_xml.documentElement.selectNodes("SPName")(0).text+"<br />");
       document.write("<br />");
       var i,c,d,Line;
       var MovieList = xhai_xml.documentElement.selectNodes("//MovieList/Item");
       var j=MovieList.length;
       Line = MovieList.item(0);
       d=Line.attributes.length;
       for(c=0;c<d;c++){
        document.write(Line.attributes(c).name+" | ");
       }
       document.write("<br />");

       for(i=0;i<j;i++){
        Line = MovieList.item(i);
        d=Line.attributes.length;
        for(c=0;c<d;c++){
         document.write(Line.attributes(c).value+" | ");
        }
        document.write("<br />");
       }
       document.write("<br />");
       var page = xhai_xml.documentElement.selectNodes("//Page").item(0)
       j=page.attributes.length;
       for(i=0;i<j;i++){
        document.write(page.attributes(i).name+":");
        document.write(page.attributes(i).value+" ");
       }
         }
          delete(xhai_xml);
        }
    }
    xhai_GetXML();
    </script>


    本例输出结果

    SPID:3
    SPName:3

    MovieID | MovieName | Class |
    103704 | 忍 | 动作片 |
    103701 | 风斗士 | 动作片 |
    103693 | 无血无泪 | 动作片 |

    Number:1  AllPage:3  Count:45


    输出格式可自定修改

    ----------------------------------------------
    www.yhai.cn

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/4/16 15:16:00
     
     jxytwy 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：11
      积分：86
      门派：XML.ORG.CN
      注册：2006/4/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给jxytwy发送一个短消息 把jxytwy加入好友 查看jxytwy的个人资料 搜索jxytwy在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看jxytwy的博客第3楼
    发贴心情 
    YHai.兄弟非常感谢,!
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/4/17 9:50:00
     
     rainsjjq 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：26
      积分：165
      门派：XML.ORG.CN
      注册：2006/1/16

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给rainsjjq发送一个短消息 把rainsjjq加入好友 查看rainsjjq的个人资料 搜索rainsjjq在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看rainsjjq的博客第4楼
    发贴心情 
    为什么我却用不了!
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/4/17 17:47:00
     
     xiaohua 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：7
      积分：81
      门派：XML.ORG.CN
      注册：2006/3/4

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给xiaohua发送一个短消息 把xiaohua加入好友 查看xiaohua的个人资料 搜索xiaohua在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看xiaohua的博客第5楼
    发贴心情 
    谢谢了 还有呀 搂住知不知道把HTML留言版的内容保存到XML的源代码呀
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/5/3 19:02:00
     
     cwzb 帅哥哟，离线，有人找我吗？双鱼座1981-3-10
      
      
      威望：4
      头衔：没有耳多
      等级：(版主)
      文章：253
      积分：1753
      门派：XML.ORG.CN
      注册：2004/1/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给cwzb发送一个短消息 把cwzb加入好友 查看cwzb的个人资料 搜索cwzb在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 访问cwzb的主页 引用回复这个贴子 回复这个贴子 查看cwzb的博客第6楼
    发贴心情 
    可以使用XML字符串转换

    function xmlEscape(text)
    {    
        text = text.replace(/&/g,"&amp;");
        text = text.replace(/</g,"&lt;");
        text = text.replace(/>/g,"&gt;");
        
        return text;
    }

    function xmlUnescape(text)
    {
        text = text.replace(/&lt;/g,"<");
        text = text.replace(/&gt;/g,">");
        text = text.replace(/&amp;/g,"&");
        
        return text;
    }

    ----------------------------------------------
    无能不多智不要紧。
    关键是肯学，感兴趣！

    送给我自己的话！

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/5/4 19:37:00
     
     ajax_05 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：1
      积分：62
      门派：XML.ORG.CN
      注册：2006/5/3

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给ajax_05发送一个短消息 把ajax_05加入好友 查看ajax_05的个人资料 搜索ajax_05在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看ajax_05的博客第7楼
    发贴心情 
    无能不多智不要紧。
    关键是肯学，感兴趣！
    说得好啊，也送给我吧！
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/5/7 10:32:00
     
     lhsunrice 美女呀，离线，快来找我吧！巨蟹座1985-7-1
      
      
      等级：大二期末(数据结构考了98分!)
      文章：93
      积分：391
      门派：XML.ORG.CN
      注册：2007/3/21

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给lhsunrice发送一个短消息 把lhsunrice加入好友 查看lhsunrice的个人资料 搜索lhsunrice在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 点击这里发送电邮给lhsunrice 引用回复这个贴子 回复这个贴子 查看lhsunrice的博客第8楼
    发贴心情 
    那如果标签里套有格式标签呢？
    e.g.
    <Content CurrentIndex='1' ContentID='41915' Total='1'>
    <![CDATA[<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 昨天，国务院办公厅发布了教育部、财政部、中央编办、人事部《教育部直属师范大学师范生免费教育实施办法(试行)》。《办法》明确，从2007年秋季入学的新生起，在北京师范大学、华东师范大学、东北师范大学、华中师范大学、陕西师范大学和西南大学六所部属师范大学实行师范生免费教育。免费师范生入学前与学校和生源所在地省级教育行政部门签订协议，承诺毕业后从事中小学教育工作十年以上。免费师范毕业生一般回生源所在省份中小学任教。</P>]]></Content>
    这个怎么读取啊？

    ----------------------------------------------
    为了爱情，为了梦想

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/5/29 9:38:00
     
     lhsunrice 美女呀，离线，快来找我吧！巨蟹座1985-7-1
      
      
      等级：大二期末(数据结构考了98分!)
      文章：93
      积分：391
      门派：XML.ORG.CN
      注册：2007/3/21

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给lhsunrice发送一个短消息 把lhsunrice加入好友 查看lhsunrice的个人资料 搜索lhsunrice在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 点击这里发送电邮给lhsunrice 引用回复这个贴子 回复这个贴子 查看lhsunrice的博客第9楼
    发贴心情 
    那如果标签里套有格式标签呢？
    e.g.
    <Content CurrentIndex='1' ContentID='41915' Total='1'>
    <![CDATA[<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 昨天，国务院办公厅发布了教育部、财政部、中央编办、人事部《教育部直属师范大学师范生免费教育实施办法(试行)》。《办法》明确，从2007年秋季入学的新生起，在北京师范大学、华东师范大学、东北师范大学、华中师范大学、陕西师范大学和西南大学六所部属师范大学实行师范生免费教育。免费师范生入学前与学校和生源所在地省级教育行政部门签订协议，承诺毕业后从事中小学教育工作十年以上。免费师范毕业生一般回生源所在省份中小学任教。</P>]]></Content>
    这个怎么读取啊？

    ----------------------------------------------
    为了爱情，为了梦想

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/5/29 9:39:00
     
     lhsunrice 美女呀，离线，快来找我吧！巨蟹座1985-7-1
      
      
      等级：大二期末(数据结构考了98分!)
      文章：93
      积分：391
      门派：XML.ORG.CN
      注册：2007/3/21

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给lhsunrice发送一个短消息 把lhsunrice加入好友 查看lhsunrice的个人资料 搜索lhsunrice在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 点击这里发送电邮给lhsunrice 引用回复这个贴子 回复这个贴子 查看lhsunrice的博客第10楼
    发贴心情 
    以下是引用ajax_05在2006-5-7 10:32:00的发言：
    function xmlUnescape(text)
    {
        text = text.replace(/&lt;/g,"<");
        text = text.replace(/&gt;/g,">");
        text = text.replace(/&amp;/g,"&");
        
        return text;
    }


    为啥浏览器显示：
    对象不支持此属性或方法

    我在msdn上查关于html/css的方法，replace好像不是这样用的。。。
    W_H_Y

    ----------------------------------------------
    为了爱情，为了梦想

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/5/29 16:48:00
     
     GoogleAdSense巨蟹座1985-7-1
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 点击这里发送电邮给Google AdSense 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/3 16:47:30

    本主题贴数13，分页： [1] [2]

    管理选项： 修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    		 203.125ms