JS访问XML的简单例子

原创 2004年08月18日 17:05:00

JS_XML.htm

<html>
<head>
<script>
var iIndex=-1;
var objectDoc=new ActiveXObject("MSXML2.DOMDocument.3.0");
objectDoc.load("Root.xml");
var objectItem=objectDoc.selectNodes("/Root/Item");
function getNode(objectDoc,strPath)
{
 var returnValue="";
 var strValue=objectDoc.selectSingleNode(strPath);
 if(strValue)returnValue=strValue.text;
 return returnValue;
}
function getDataNext()
{
 iIndex++;
 if(iIndex>objectItem.length-1)iIndex=0;
 document.forms[0].ProductTag.value=getNode(objectDoc,"/Root/Item["+iIndex+"]/ProductTag");
 document.forms[0].Price.value=getNode(objectDoc,"/Root/Item["+iIndex+"]/PricePer");
 document.forms[0].Quantity.value=getNode(objectDoc,"/Root/Item["+iIndex+"]/Quantity");
 document.forms[0].Total.value=getNode(objectDoc,"/Root/Item["+iIndex+"]/Subtotal");
}
function getDataPrev()
{
 iIndex--;
 if(iIndex<0)iIndex=objectItem.length-1;
 document.forms[0].ProductTag.value=getNode(objectDoc,"/Root/Item["+iIndex+"]/ProductTag");
 document.forms[0].Price.value=getNode(objectDoc,"/Root/Item["+iIndex+"]/PricePer");
 document.forms[0].Quantity.value=getNode(objectDoc,"/Root/Item["+iIndex+"]/Quantity");
 document.forms[0].Total.value=getNode(objectDoc,"/Root/Item["+iIndex+"]/Subtotal");
}
function init()
{
 document.all.XMLTitle.innerText=getNode(objectDoc,"/Root/Cigarette");
 document.all.XMLDate.innerText=getNode(objectDoc,"/Root/Date");
}
</script>
</head>
<body onload="init();getDataNext()">
<form>
<div id="XMLTitle"></div>
<br>
<table border="0">
  <tr><td>产品名称</td><td><input type="text" name="ProductTag"></td></tr>
  <tr><td>产品价格</td><td><input type="text" name="Price"></td></tr>
  <tr><td>产品数量</td><td><input type="text" name="Quantity"></td></tr>
  <tr><td>金额合计</td><td><input type="text" name="Total"></td></tr>
</table>
<br>
<div id="XMLDate"></div>
<br>
<input type="button" value="<<" onClick="getDataPrev();">
<input type="button" value=">>" onClick="getDataNext();">
</form>
</body>
</html>
Root.xml

<?xml version="1.0" encoding="gb2312"?>
<Root>
  <Cigarette>实时价格一览表</Cigarette>
  <Item id="1">
    <ProductTag>石林(软包)</ProductTag>
    <PricePer>3.50</PricePer>
    <Quantity>100</Quantity>
    <Subtotal>350.00</Subtotal>
    <Description>NULL</Description>
  </Item>
  <Item id="2">
    <ProductTag>桂花(白、软包)</ProductTag>
    <PricePer>2.50</PricePer>
    <Quantity>10</Quantity>
    <Subtotal>25.00</Subtotal>
    <Description>NULL</Description>
  </Item>
  <Item id="3">
    <ProductTag>一品黄山(硬包)</ProductTag>
    <PricePer>5.50</PricePer>
    <Quantity>1000</Quantity>
    <Subtotal>5500.00</Subtotal>
    <Description>NULL</Description>
  </Item>
  <Item id="4">
    <ProductTag>红山茶(硬包)</ProductTag>
    <PricePer>3.50</PricePer>
    <Quantity>1</Quantity>
    <Subtotal>3.50</Subtotal>
    <Description>NULL</Description>
  </Item>
  <Date>08/17/2004</Date>
</Root>

js与xml交互理论和示例

---------------------------------------------------js+xml-------------------------------------------...
  • luozhonghua2014
  • luozhonghua2014
  • 2015年05月10日 01:29
  • 1279

简单的js倒计时

主要使用了JS的Date对象 和 定时器 setInterval 倒计时 var timstr= '2020-09-03'; var _timer...
  • miao0916
  • miao0916
  • 2017年02月13日 10:47
  • 209

FusionCharts使用XML和JSON数据源示例

总结中...
  • wanghuan203
  • wanghuan203
  • 2013年08月31日 19:19
  • 18224

[Spring实战系列] - No.10 Spring Security基于XML的简单登录例子

这篇文章开始,我们会进入Spring Security部分。大概会有三到四篇文章来介绍Security部分,在这篇文章中,我们会使用XML配置的方式来配置一个简单的Spring Security登录的...
  • tjuyanming
  • tjuyanming
  • 2017年03月15日 16:01
  • 241

用synchronized实现简单例子

package com.thread; public class SynWindow implements Runnable { Object object; Object object2; ...
  • Coder_py
  • Coder_py
  • 2017年03月06日 13:51
  • 447

自己用js封装的一些简单效果

自己用js封装的一些简单效果
  • qq_19318067
  • qq_19318067
  • 2016年07月14日 11:40
  • 1098

跨域访问的简单例子

使用IIS创建一个站点,主机为本地,端口设置为8081 使用Wampserver创建一个站点,使用默认端口80 什么是跨域请求被拒绝? 使用Chrome,输入http://localhost:8081...
  • duhaomin
  • duhaomin
  • 2014年01月08日 23:35
  • 1201

SpringMVC静态文件(图片)访问+js访问 简单小例子

项目文件布局:   web.xml文件:  xmlns="http://java.sun.com/xml/ns/javaee"  xmlns:xsi="http://www.w...
  • machunmei2
  • machunmei2
  • 2013年06月26日 10:40
  • 1052

JavaWeb学习笔记05-表单提交方式以及xml

1、表单提交方式 * 使用submit提交 ...... * 使用button提交表单 - 代码 // 实现提交方法 function form1(){ //获取form...
  • jstough
  • jstough
  • 2016年11月12日 15:21
  • 979

js正则表达式简单例子

js正则表达式
  • yzxzsp11
  • yzxzsp11
  • 2016年01月30日 17:10
  • 137
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS访问XML的简单例子
举报原因:
原因补充:

(最多只允许输入30个字)