数据岛入门简单示例

最新推荐文章于 2021-06-09 13:54:19 发布
最新推荐文章于 2021-06-09 13:54:19 发布
阅读量962 收藏
点赞数
分类专栏： 数据岛学习 文章标签： xml function encoding
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haiweizhang/article/details/2049311
版权

test.html:

<script>
 function loadRelation(){
  var relation = xmlRelation;
  var set = relation.recordset;
  for(var i=0; i<set.recordcount;i++){
   var name = set("name");
   var value = set("value");
   document.all["relation"].options[i] = new Option(name,value);
   set.movenext;
  }
 }


function loadcity(){
 var citys= xmlCity;
 var set = citys.recordset;
 for(var i=0;i<set.recordcount;i++){
  document.all["city"].options[i] = new Option(set("name"),set("value"));
  set.movenext;
 }
}
</script>
<xml id="xmlRelation">
 <root>
  <relation>
   <name>朋友</name>
   <value>01</value>
  </relation>
  <relation>
   <name>亲戚</name>
   <value>02</value>
  </relation>
 </root>
</xml>
<xml id="xmlCity" src="city.xml"></xml>

<body οnlοad="loadRelation();loadcity();">
 数据来自本页面的xml:<br>
 关系:<select name="relation" id="relation"></select> &nbsp;&nbsp;
 <br>

 <br>
 <br>
 数据来自xml文件:
 <br>
 城市:<select name="city" id="city"></select> &nbsp;&nbsp;
 <br>
</body>

 

city.xml:

<?xml version="1.0" encoding="gb2312"?>
<root>
 <city>
  <name>北京</name>
  <value>01</value>
 </city>
 <city>
  <name>上海</name>
  <value>02</value>
 </city>
 <city>
  <name>长沙</name>
  <value>03</value>
 </city>
</root>

haiweizhang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用JSON方式实现省市级联效果(JavaScript)
weixin_48112113的博客
07-19 5925
1. 任务要求 1）理解JSON的概念； 2）掌握JSON对象的定义以及使用； 3）如何使用JSON存储城市信息； 4）如何页面加载时，遍历JSON数据，并将JSON数据渲染到页面； 5）如何使用JSON实现下拉框联动。 2. 需求说明 制作如下图所示的页面，页面加载时第一个下拉框显示所有的省的信息，当第一个下拉框选择数据后，第二个下拉框中显示对应省份的城市数据。 3. 实现思路 ...
javascript使用xml 数据岛 简单实例
热门推荐
Mobidogs Blog
10-19 1万+
<!--google_ad_client = "pub-3555979289815451";/* 468x15, 创建于 08-12-5 */google_ad_slot = "4663571998";google_ad_width = 468;google_ad_height = 15;//-->     function test()     {    
JS+XML数据岛实现分页功能
天使与海豚
04-08 116
user1 name1 user2 name2 user3 name3 user4 name4 user5 name5 user6 name6 user7 name7 user8 name8 ...
数据岛的JS简单代码
12-22
数据岛的JS简单代码数据岛的JS简单代码数据岛的JS简单代码数据岛的JS简单代码
XML 数据岛实例
苦艾文艺
10-27 1511
<HTML> <HEAD><Title>HTML中的数据岛中的记录集</Title></HEAD> <body bkcolor=#EEEEEE text=blue bgcolor="#00FFFF"> <Table align=center width="100%"><TR><TD align="center"> <h5><b><font size="4" color="#FF0000">HT
hibernate-3.4 注解 入门简单示例
09-16
hibernate-3.4入门的简单示例，用注解的方式操作oracle数据库。源码导入可运行。 还包括hibernate-annotations-3.4.0.GA.zip、hibernate-distribution-3.3.2.GA-dist.zip、slf4j-1.5.8.zip、ojdbc14.jar
springboot websocket简单入门示例
08-27
主要介绍了springboot websocket简单入门示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
NetBeansProjects_java入门教程示例_largestjdm_
09-29
【描述】"java入门教程的示例，是betbeans中的项目，简单易懂" 这段描述表明，这个教程是为那些刚开始接触Java编程的人设计的。NetBeans作为IDE（集成开发环境）以其用户友好的界面和丰富的功能而闻名，是学习和实践...
以太坊DApp开发的入门示例
01-27
ubuntu16.04，64位 还需要安装以太坊相关的环境: *nodejs *truffle *solidity*testrpc 另外，本篇还会用到webpack，安装教程网上也有很多。这部分如果不熟悉的话请自行查阅学习下。需
WebX入门指南示例程序
11-26
本入门指南示例程序旨在帮助初学者快速理解和掌握WebX的基本用法。通过结合提供的博客文章和代码，我们将深入探讨以下几个核心知识点： 1. **WebX框架概述**： WebX是一个组件化的MVC（Model-View-Controller）...
数据岛的一个例子
furthersun的专栏
09-01 892
 最近做的一个项目中运用 xml 数据岛技术，所以把数据岛方面的知识总结一下。   XML 数据岛 （ data islands ）就是被 html 页面引用或者包含的 xml 数据，是从 IE5 开始引入的一项技术。可以通过 xml 标签很轻松将数据岛插入到 html 文档中。那么怎么访问 xml 数据岛的数据呢，很简单，通过 xml 的 id 。在页面中的数据岛和其他的 xml 数据一样，
html省市区选择器代码,js实现一个省市区三级联动选择框代码分享
weixin_42565755的博客
06-09 1004
运行效果：=================================================部分代码：=================================================当然首先你数据库中要有这个table，不然你没有数据.....^_^所在地:${xzqh.province}js代码：/*** 加载市**/function loadCity() {...
学习layui之省市县三级联动
qq_16237925的博客
03-02 3865
三级联动前端js代码 var isFirstOnload = true;   //layui存在在页面加载完之前就渲染select控件的原因，当我们在页面加载完毕，用avalon绑定数据的时候                               //数据并不能绑定到对应控件，我们设一个全局变量，当第一次加载页面的时候，对这些控件赋初始值 $(function() {
制作复选框，实现省份和城市的对应！
aybgcc的博客
05-27 1390
利用数组，写出省份对应的城市有哪些,  利用function loadcity()调用数组里面的城市&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://...
数据岛的运用
刘大富的专栏
03-24 164
数据岛是指存在于HTML页面中的XML代码。数据岛允许你在HTML页面中集成XML，对XML编 写脚本，而不需要通过脚本或&lt;OBJECT&gt;标签读取XML。几乎所有能够存在于一个结构完整 的XML文档中的东西都能存在于一个数据岛中。包括处理指示、DOCTYPE声明和内部子集 。（注意，编码串不能放在数据岛中。) &lt;XML&gt;元素标记数据岛的开始，它的ID属性提供了一个可以用来引...
IE里的数据岛应用的最佳实例
goody9807的专栏
10-11 1479
                             John         male                       Judy         female                                                    ------------------------------------------------------------
spring cloud 简单入门和示例代码
最新发布
07-08
Spring Cloud 是一个用于构建微服务架构的开源框架，它提供了一系列的解决方案和工具，帮助开发者快速构建和管理分布式系统。 以下是一个简单的 Spring Cloud 入门示例代码： 1. 创建服务注册中心（Eureka Server）： ```java @SpringBootApplication @EnableEurekaServer public class EurekaServerApplication { public static void main(String[] args) { SpringApplication.run(EurekaServerApplication.class, args); } } ``` 2. 创建服务提供者（Eureka Client）： ```java @SpringBootApplication @EnableDiscoveryClient public class ServiceProviderApplication { public static void main(String[] args) { SpringApplication.run(ServiceProviderApplication.class, args); } } @RestController class HelloController { @GetMapping("/hello") public String hello() { return "Hello, Spring Cloud!"; } } ``` 3. 创建服务消费者（Eureka Client）： ```java @SpringBootApplication @EnableDiscoveryClient public class ServiceConsumerApplication { public static void main(String[] args) { SpringApplication.run(ServiceConsumerApplication.class, args); } } @RestController class HelloController { @Autowired private RestTemplate restTemplate; @GetMapping("/hello") public String hello() { String serviceUrl = "http://service-provider/hello"; return restTemplate.getForObject(serviceUrl, String.class); } } @Configuration class RestTemplateConfig { @Bean public RestTemplate restTemplate() { return new RestTemplate(); } } ``` 以上示例代码演示了使用 Spring Cloud 构建一个简单的微服务架构，其中包括服务注册中心（Eureka Server）、服务提供者（Eureka Client）和服务消费者（Eureka Client）。服务提供者注册到服务注册中心，服务消费者通过服务注册中心发现并调用服务提供者的接口。 希望以上示例能够帮助你快速入门 Spring Cloud。如果有任何问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值