XML：可扩展标记语言

HTML：超文本标记语言

标签：<标签名></标签名>

特点：

1.必须要有一个根

2.标签名自定义

3.对大小写敏感

4.有开始就要有结束

5.同一级别下只能有一个标签名
<nation>

    <n1>

    <code>n001</code>

    <name>汉族</name>

    </n1>

    <n2>

    <code>n002</code>

    <name>回族</name>

    </n2>

</nation>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<select id="sel">

</select>
<script type="text/javascript">

$.ajax({

        url:"xmlchuli.php",

        dataType:"XML",

        success: function(data){

                //alert($(data).find("code").eq(1).text());

                //alert($(data).find("nation").attr("bs"));//此方法还可以取标签名里的属性来求出你想显示的值，fibd找到nation标签名，取他里面定义的bs属性

                var allcode = $(data).find("code");  //find直接找处理页面里所有code标签名 交给allcode

                var allname = $(data).find("name");  //code 和 name在处理页面是成对出现的，所以取出code就能取出name

                var str ="";

                for(var i=0;i<allcode.length;i++)//循环allcode标签取出里面所有的值

                {

                    var code = allcode.eq(i).text();//交给code

                    var name = allname.eq(i).text();//交给name

                    str = str +"<option value='"+code+"'>"+name+"</option>";//根据code，name求出来的值，显示name类里的值

                }

                $("#sel").html(str);//$("")找到下拉，将求出来的Name列值放到下拉列表中

            }

    });

</script>

处理界面：

<?php

include("DBDA.class.php");

$db = new DBDA(); 

$sql = "select * from nation";

$attr = $db->Query($sql);

echo "<nation>";  //将二维数组转换XML格式，先输出<nation></nation>标签，作为XML的根

foreach($attr as $k=>$v) //$k等于从零开始

{

    echo "<n{$k}><code>{$v[0]}</code><name>{$v[1]}</name></n{$k}>";

}

echo "</nation>";

AJAX里，使用XML返回数据类型，实现简单下拉列表的更多相关文章

  1. 在AJAX里 使用【 XML 】 返回数据类型 实现简单的下拉菜单数据

    在AJAX里 使用XML返回数据类型 实现简单的下拉菜单数据 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...

  2. 在AJAX里 使用【 JSON 】 返回数据类型 实现简单的下拉菜单数据

    在AJAX里 使用JSON返回数据类型 实现简单的下拉菜单数据 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ...

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

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

  4. ASP.NET MVC WebApi 返回数据类型序列化控制（json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面，各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目

    ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml)   我们都知道在使用WebApi的时候Controller会自动将Action的返回值自动进行各种序列化处理(序列化为 ...

  5. 11月15日下午 ajax返回数据类型为XML数据的处理

    ajax返回数据类型为XML数据的处理 /*XML:可扩展标记语言 HTML:超文本标记语言 标签:<标签名></标签名> 特点: 1.必须要有一个根 2.标签名自定义 3.对 ...

  6. Ajax返回数据类型

    MVC中,如果从controller返回的不是一个html,而是一个文本,使用AJAX中如何获取? 后台代码: public ActionResult UploadPicture() { return ...

  7. Jquery Ajax 返回数据类型变成document

    下面是我写的一段Jquery Ajax的代码,在chrome下没有问题,在firefox下就算是返回success也提示"系统正忙"; $.ajax({ url: "fa ...

  8. WebAPI返回数据类型解惑 以及怎样解决Extjs无法解析返回的xml

    最近开始使用WebAPI,上手很容易,然后有些疑惑 1.WebAPI默认返回什么数据类型,json还是xml? 2.怎么修改WebAPI的返回数据类型,我用IE浏览器请 求返回的数据都是JSON格式的 ...

  9. 零基础学习java------38---------spring中关于通知类型的补充，springmvc，springmvc入门程序，访问保护资源，参数的绑定（简单数据类型，POJO，包装类），返回数据类型，三大组件，注解

    一. 通知类型 spring aop通知(advice)分成五类: (1)前置通知[Before advice]:在连接点前面执行,前置通知不会影响连接点的执行,除非此处抛出异常. (2)正常返回通知 ...

随机推荐

  1. [Bundling and Minification ] 四、总结

    一.ASP.NET MVC 里面提供了一个默认的绑定集合BundleTable.Bundles 位于System.Web.Optimization下的静态类BundleTable中的一个静态变量.以下 ...

  2. 循环队列java实现

    public class SeqHeap { Object[] data; int font; int rear; int maxSize; public SeqHeap(int maxSize) { ...

  3. Pyhont-Urllib

    urllib 方法 1 httpContent=urllib.urlopen(url) 2 fileName, httpContent= urllib.urlretrieve(url, filePat ...

  4. c++调用lua环境配置

    安装完luaforwindows后进行配置 配置项目属性            

  5. github-创建版本库

    什么是版本库呢?版本库又名仓库,英文名repository,你可以简单理解成一个目录,这个目录里面的所有文件都可以被Git管理起来,每个文件的修改.删除,Git都能跟踪,以便任何时刻都可以追踪历史,或 ...

  6. SPOJ LCS2 - Longest Common Substring II

    LCS2 - Longest Common Substring II A string is finite sequence of characters over a non-empty finite ...

  7. 【BZOJ-2669】局部极小值 状压DP + 容斥原理

    2669: [cqoi2012]局部极小值 Time Limit: 3 Sec  Memory Limit: 128 MBSubmit: 561  Solved: 293[Submit][Status ...

  8. 【BZOJ-1419】Red is good 概率期望DP

    1419: Red is good Time Limit: 10 Sec  Memory Limit: 64 MBSubmit: 660  Solved: 257[Submit][Status][Di ...

  9. Linux下php安装Redis扩展

    说明: 操作系统:CentOS php安装目录:/usr/local/php php.ini配置文件路径:/usr/local/php7/etc/php.ini Nginx安装目录:/usr/loca ...

  10. wait、notify、sleep、interrupt对比分析

    对比分析Java中的各个线程相关的wait().notify().sleep().interrupt()方法 方法简述 Thread类 sleep:暂停当前正在执行的线程:(类方法) yield:暂停 ...