中文XML论坛--XML在Web中的简单应用

新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚

>>中国XML论坛<<

W3CHINA.ORG讨论区

计算机科学论坛

SOAChina论坛

Blog

开放翻译计划

新浪微博

登录

注册

帮助

>> 讨论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 』 → XML在Web中的简单应用

◇查看新帖 ◇ 用户列表 ◇

发表一个新主题

发表一个新投票

回复主题

(订阅本版)

您是本帖的第 28095 个阅读者　　

　

*	贴子主题： XML在Web中的简单应用	举报打印推荐 IE收藏夹
	本主题类别:

panguan

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：1
  积分：54
  门派：XML.ORG.CN
  注册：2007/5/25

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	楼主

XML在Web中的简单应用

it技巧站为大家提供最全的电脑使用技巧和操作当中的小窍门,欢迎大家光临!
更多精彩:[http://www.itjq.cn]
首先建立一个Area.html，很简单包含一个省份的select元素和一个城市的界面元素：
<html>
<head>
<title>Area Demo</title>
</head>
<body>
<select id="province" size=1 onchange="loadCity()">
<option value="city01.xml">  江苏  </option>
<option value="city02.xml">  º湖南 </option>
<option value="city03.xml">  湖北  </option>
</select>
<select id="city" size=1>
</select>
<xml id="xmlobj"></xml>
<script language="javascript" type="text/javascript">
var provobj = document.all("province");
var cityobj = document.all("city");
var xmlhttp = document.all("xmlobj");
loadCity();
/**
* 装载城市数据
*/
function loadCity() {
cityobj.options.length = 0;
var file = provobj.options[provobj.selectedIndex].value;
xmlhttp.async = false;
xmlhttp.load(file);
var cities = xmlhttp.selectNodes("Cities/City");
var idx,name;
for(idx = 0; idx < cities.length; idx ++) {
  name = cities[idx].getAttribute("name");
  cityobj.options.length++;
  cityobj.options[cityobj.options.length - 1].value = name;
  cityobj.options[cityobj.options.length - 1].text = name;
}
}
</script>
</body>
</html>
然后建立三个省份的城市数据文件，分别命名为city01.xml,city02.xml,city03.xml
<?xml version="1.0" encoding="GB2312"?>
<Cities Province="江苏">
<City name="南京"/>
</Cities>
<?xml version="1.0" encoding="GB2312"?>
<Cities Province="湖南">
<City name="长沙"/>
</Cities>
<?xml version="1.0" encoding="GB2312"?>
<Cities Province="湖北">
<City name="武汉"/>
</Cities>
保存，在ie6浏览通过，理论上可以在ie5一上浏览器跑。

   收藏   分享
顶(0)


----------------------------------------------
it技巧站<a href="http://www.itjq.cn">[http://www.itjq.cn]</a>为大家提供最全的电脑使用技巧和操作当中的小窍门,欢迎大家光临!

2007/5/25 21:24:00

sjk86321824

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：5
  积分：81
  门派：XML.ORG.CN
  注册：2007/4/25

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第2楼

这个是给楼主顶了

2007/6/1 21:47:00

lovesky20008

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：4
  积分：75
  门派：XML.ORG.CN
  注册：2007/5/19

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第3楼

ding,TankYou

2007/6/1 23:05:00

hizhfei

帅哥哟，离线，有人找我吗？

  等级：大一(高数修炼中)
  文章：10
  积分：103
  门派：XML.ORG.CN
  注册：2007/1/14

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第4楼

Thanks!
I got it!
----------------------------------------------
帖子浏览中……

2007/6/18 3:05:00

美女呀，离线，快来找我吧！

  等级：大一新生
  文章：0
  积分：54
  门派：XML.ORG.CN
  注册：2007/10/12

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第5楼

感谢ing...
对我们初学者很有帮助...
慢慢消化中.

2007/10/12 18:13:00

qb10

帅哥哟，离线，有人找我吗？

  等级：大一(猛啃高等数学)
  文章：12
  积分：127
  门派：XML.ORG.CN
  注册：2006/11/27

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第6楼

不错！

2007/10/26 10:43:00

帅哥哟，离线，有人找我吗？

  等级：大三(要不要学学XML呢?)
  文章：73
  积分：625
  门派：XML.ORG.CN
  注册：2007/6/12

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第7楼

顺便可以结合一个ajax的原理，从服务器端获取xml，就更好了！一般来说，xml是离不开服务器端技术的。
----------------------------------------------
踏实啃书

2007/10/31 9:19:00

kele515

帅哥哟，离线，有人找我吗？

  等级：大一(高数修炼中)
  文章：6
  积分：104
  门派：XML.ORG.CN
  注册：2006/10/10

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第8楼

太好了，good

2007/10/31 13:53:00

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：0
  积分：55
  门派：XML.ORG.CN
  注册：2006/7/16

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第9楼

很有用的东西，啃啃

2007/11/9 9:43:00

HHz

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：1
  积分：62
  门派：XML.ORG.CN
  注册：2007/11/6

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第10楼

先学习中
o(∩_∩)o...

2007/11/12 14:53:00

GoogleAdSense

  等级：大一新生
  文章：1
  积分：50
  门派：无门无派
  院校：未填写
  注册：2007-01-01

	广告

2024/12/22 7:08:05

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

管理选项：修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	130.859ms