ajax中网页传输(三)XML——下拉列表显示练习
2024-10-18 23:26:24
XML:页面之间传递数据,跨平台传递
HTML:超文本标记语言,核心标签
XML的形势为
<xml version='1.0'>
<Nation>
<one>
<code>n001</code>
<name>汉族</name>
</one>
<two>
<code>n002</code>
<name>苗族</name>
</two>
</Nation>
根据xml的书写形式得到他的特点
1.标签名可以自己定义
2.有且只有一个根
3.标签要完整
4.大小写敏感
以xml返回数据类型显示“民族下拉列表”
一、body网页显示部分
<title>XML下拉显示Nation表中的数据</title>
<script src="../json/jquery-2.0.0.min.js"></script>
</head> <body>
<h1>xml下拉显示Nation表中的数据</h1>
<select id="sel">
</select>
</body>
二、JScript中ajax以xml返回数据的代码<script type="text/javascript">
$(document).ready(function(e) {
$.ajax({
url:"chuli.php",
dataType:"XML",
success: function(data){ var ch=$(data).find("nation").children(); var str=""; for(var i=0;i<ch.length;i++)
{
var code=$(ch[i]).find("code").text();
var name=$(ch[i]).find("name").text(); str+="<option value='"+code+"'>"+name+"</option>";
} $("#sel").html(str); }
});
})
$(data).find("nation").children(); 代表查询data数据中nation标签里的子标签
$(ch[i]).find("code").text(); 指查找第i个ch数据中code标签的内容
三、ajax中需要调用的chuli.php代码
<?php
include("../json/DBDA.class.php");
$db=new DBDA(); $sql="select * from nation"; $attr=$db->Query($sql); echo "<nation>"; foreach($attr as $k=>$v)
{
echo "<shuju{$k}>"; echo "<code>{$v[0]}</code>";
echo "<name>{$v[1]}</name>"; echo "</shuju{$k}>";
} echo "</nation>";
chuli.php中echo后面的代码要和xml的书写形式一样
最新文章
- js前端模块化之加载器原理解析(一)
- Longest Substring Without Repeating Characters(C语言实现)
- myEclipse svn插件安装
- 经典排序算法(Java版)
- ApplicationContext容器的设计原理
- .NET设计模式(6):原型模式(Prototype Pattern)
- ORACLE调度之基于时间的调度(一)【weber出品】
- 调用[[UIDevice currentDevice] userInterfaceIdiom]==UIUserInterfaceIdiomPad判断设备
- Asp.Net MVC3 简单入门第一季(三)详解Controller之Filter
- mysql函数操作(2)
- 操作VCF卡片信息的第三方jar包:ez-vcard
- CKEditor 自主控制图片上传
- Python+Selenium 利用ID,XPath,tag name,link text,partial link text,class name,css,name定位元素
- 【原创】Python第二章——字符串
- 第25月第18天 vue
- 论文阅读笔记十:DeepLab: Semantic Image Segmentation with Deep Convolutional Nets, Atrous Convolution, and Fully Connected CRFs (DeepLabv2)(CVPR2016)
- 英语口语练习系列-C24-杂技-问候语-乡愁
- js加密php解密---jsencrypt
- Storm的acker确认机制
- [转]Nginx负载均衡原理初解
热门文章
- 【android学习2】:Eclipse中HttpServlet类找不到
- [LeetCode]题解(python):063-Unique path II
- House Building---hdu5538(求表面积水题)
- iOS 增加UIButton按钮的可点击区域
- MVC路由约束
- 【转】【翻】Android Design Support Library 的 代码实验——几行代码,让你的 APP 变得花俏
- 【转】Android Paint之 setXfermode PorterDuffXfermode 讲解
- VS2013搭建wxWidgets开发环境
- [转]Altium Designer 发现的机密
- 链表之求链表倒数第k个节点