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的书写形式一样

ajax中网页传输（三）XML——下拉列表显示练习的更多相关文章

  1. ajax中网页传输（一）TEXT——带有删除功能的数据库表格显示练习

    网页之间传输的三种方式:TEXT.JSON.XML. 本章将讲解带有TEXT形势的ajax网页传输 第一:body部分代码 <title>ajax中TEXT讲解并且带有删除功能的表格< ...

  2. ajax中网页传输（二）JSON——下拉列表显示练习

    以json返回数据类型显示“民族下拉列表” 第一:body页面显示部分 <title>JSON下拉显示Nation表中的数据</title> <script src=&q ...

  3. jquery中ajax方法返回的三种数据类型：text、json、xml；

    1.当dataType:"text"时,处理页面用的是DBDA类中的Strquery()方法,所以返回的数据是下面这样的,所以要对返回来的数据用split根据“|”和“^”来分割, ...

  4. 从视频文件中读入数据-->将数据转换为灰度图-->对图像做canny边缘检测-->将这三个结构显示在一个图像中

    //从视频文件中读入数据-->将数据转换为灰度图-->对图像做canny边缘检测-->将这三个结构显示在一个图像中 //作者:sandy //时间:2015-10-10 #inclu ...

  5. Ajax中的JSON格式与php传输过程的浅析

    在Ajax中的JSON格式与php传输过程中有哪些要注意的小地方呢? 先来看一下简单通用的JSON与php传输数据的代码 HTML文件: <input type="button&quo ...

  6. 网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放

    网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放. <meta name="viewport" conten ...

  7. 通过JSP网页连接MySQL数据库，从MySQL数据库中读出一张表并显示在JSP网页中

    1.安装所需软件 ①安装java和tomcat,建立JSP网页最基础的软件②安装MySQL数据库(下载地址:https://www.mysql.com/)③安装Navicat Premium来查看数据 ...

  8. 5月17 AJAX返回类型-------JSON和XML

    ajax返回类型有TEXT,JSON,XML 一.TEXT 查看之前的练习 二.JSON var js = { aa:{code:"p001",name:"张三" ...

  9. 转:AJAX中xhr对象详解

    XJAX ,并不是一种新技术的诞生.它实际上代表的是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用. 它包括: 使用XHTML和CSS标准化呈现: 使用DOM实现动态显示和交互: 使用XML ...

随机推荐

  1. [LeetCode]题解（python）：118-Excel Sheet Column Title

    题目来源 https://leetcode.com/problems/excel-sheet-column-title/ Given a positive integer, return its co ...

  2. c#基础，面试前迅速巩固c#最基础知识点

    n年前为了面试,搜罗的C#基础知识,记在了文档里.今天写到博客园里,与人分享,因为不是专家,所以仅供参考. 1.面向对象 在面向对象概念提出之前,语言都是面向过程的,说到面向对象,应该与面向过程比较, ...

  3. boost.compressed_pair源码剖析

    意义 当compressed_pair的某一个模板参数为一个空类的时候将对其进行“空基类优化”,这样可以使得compressed_pair占用的空间比std::pair的更小. 参考如下代码: #in ...

  4. 【转】Http Cache最基本的一些东西

    Http Cache最基本的一些东西 Cache浏览器IEwebkitApache  Http的Cache机制总共有4个组成部分: Cache-Control: max-age=N(seconds)  ...

  5. C语言：其他进制数转换为十进制（方法一）

    #include<stdio.h> #include<math.h> #include<string.h> //其他任意进制转换为十进制 int main() { ...

  6. 简述Docker镜像、容器、仓库概念

    Docker镜像 Docker镜像(Image)类似于虚拟机的镜像,可以将他理解为一个面向Docker引擎的只读模板,包含了文件系统. 例如:一个镜像可以完全包含了Ubuntu操作系统环境,可以把它称 ...

  7. 30天，O2O速成攻略【7.25北京站】

    活动概况 时间:2015年7月25日13:30-16:30 地点:车库咖啡(北京市海淀西大街48号鑫鼎宾馆二层) 主办:APICloud.领通科技.快易行 网址:www.apicloud.com 费用 ...

  8. Metro之GridView控件的使用-绑定不同的模板样式显示

    最终实现的效果如下: 添加MenuDataSource.cs,字段ImageStyle是用来标识套用的样式 public class MenuGroup { public string GroupTi ...

  9. vsftp 定时任务同步

    yum install db4-utils.x86_64 -y yum install ftp vsftp lftp 在客户端 和服务端都安装vsftp服务 并配置虚拟账号 上传包内文件 [root@ ...

  10. 使用sh-x调试shell脚本_转

    参考:http://blog.chinaunix.net/uid-20564848-id-73502.html 1. 通过sh -x 脚本名  #显示脚本执行过程2.脚本里set -x选项,轻松跟踪调 ...