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

<!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>

<!--find关键字，找哪个标签名-->

<!--eq关键字是取全部，想取单个就给他指定一个数取哪个-->

<body>

<select id="sel">

</select>

<script type="text/javascript">

$.ajax({

        url:"xmlchuli.php",  //url跳转到指定的页面

        dataType:"XML",  //返回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 =""; //定义str为空

                for(var i=;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>

</body>

</html>

处理页面

<?php

include("DBDA.class.php");//include关键字，纯处理页面引用封装好类的代码包

$db = new DBDA(); //造一个接受对象关键字new

$sql = "select * from nation";//访问数据库查询nation表所有数据

$attr = $db->Query($sql);  //执行封装好类里的Query方法，返回索引的二维数组

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>";

/*

echo "<nation bs='1'>"; //给此标签定义一个bs属性

foreach($attr as $k=>$v)

{

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

}

echo "</nation>";

*/

效果

在AJAX里 使用【 XML 】 返回数据类型 实现简单的下拉菜单数据的更多相关文章

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

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

  2. THINKPHP_(5)_THINKPHP6接收ajax下拉菜单提交的数据，存在的bug

    反思: 国产总是不尽人意,但是要支持国产. ThinkPHP的6接收ajax的post数据,存在一个bug.即ajax传递的json数据,在thinkphp后端解析出来后,并非直接的json格式. 描 ...

  3. 2016/4/5 Ajax ①用户名 密码 登陆 注册 ② 判断用户名是否已存在 ③点击按钮出现民族选项下拉菜单 ④DBDA类 加入Ajaxquery方法 数组变字符串 字符串拆分

    ①登陆   注册    查表匹配    0405Ajax.php   ②判断用户名是否存在 <!DOCTYPE html> <html lang="en"> ...

  4. ajax三级联动下拉菜单

    ajax写三级联动,先写一个文件类吧,以后用的时候直接调用即可: 来找一张表: 实现: 中国地域的三级联动:省.市.区: 图: 说一下思路: (1)当用户选择省份的时候触发事件,把当前的省份的id通过 ...

  5. Ajax跨域：Jsonp实例--百度搜索框下拉提示

    Ajax跨域:Jsonp实例--百度搜索框下拉提示 一.总结 一句话总结:a.找好接口:b.用script标签的src引入文件(json数据):c.定义及实现上一步引入文件中的函数 1.如何找到一个网 ...

  6. 【easyui-combobox】下拉菜单自动补全功能，Ajax获取远程数据源

    这个是针对easyUI的下拉菜单使用的,Ajax获取远程数据源 HTML 页面 <input id="uname" name="uname" class= ...

  7. php+ajax的三级联动下拉菜单

    封装一个三级联动,就可以在任何页面进行引用了 先写个页面引用一下这个js <head> <meta http-equiv="Content-Type" conte ...

  8. AJAX里，使用XML返回数据类型，实现简单下拉列表

    XML:可扩展标记语言 HTML:超文本标记语言 标签:<标签名></标签名> 特点: 1.必须要有一个根 2.标签名自定义 3.对大小写敏感 4.有开始就要有结束 5.同一级 ...

  9. 下拉框数据的动态选择，类似级联ajax刷新数据

    简单的两个下拉列表,第二个中的数据与第一个下拉框相关: --------------------var selected = $(this).children('option:selected').v ...

随机推荐

  1. 每天一个linux命令(1):pwd命令

    1.命令简介 pwd(print work directory 打印当前目录)命令以绝对路径的方式显示用户当前工作目录. 2.用法 pwd [-LP] 3.选项 -L --logical 当目录为连接 ...

  2. 鱼缸的启示：Scale-out和Scale-up架构

    提到Scale-out和Scale-up,初看到可能会有点晕.其实我认为Scale-out和Scale-up的概念可以用一个简单的例子来解释. 不知您有没有养过鱼?当你只有六七条鱼的时候,一个小型鱼缸 ...

  3. 9.翻译系列：EF 6以及EF Core中的数据注解特性（EF 6 Code-First系列）

    原文地址:http://www.entityframeworktutorial.net/code-first/dataannotation-in-code-first.aspx EF 6 Code-F ...

  4. 10.翻译系列:EF 6中的Fluent API配置【EF 6 Code-First系列】

    原文链接:https://www.entityframeworktutorial.net/code-first/fluent-api-in-code-first.aspx EF 6 Code-Firs ...

  5. s:iterator 标签使用错误记录

    <s:iterator value="newMarriageMoveList" id='tpNewMarriage' status="number"> ...

  6. vue.js开发SPA常见问题及解决方法

    列表进入详情页的传参问题. 例如商品列表页面前往商品详情页面,需要传一个商品id; <router-link :to="{path: 'detail', query: {id: 1}} ...

  7. PHP扩展类ZipArchive实现压缩解压Zip文件和文件打包下载

    文章转载自:https://my.oschina.net/junn/blog/104464 PHP ZipArchive 是PHP自带的扩展类,可以轻松实现ZIP文件的压缩和解压,使用前首先要确保PH ...

  8. php框架之odp（一）

    熟悉odp框架的使用已经快一个月了,今天总结一下.odp和yii都是成熟的常用的php框架,因为odp是公司内部开发的,且公司内部用odp的较多,所以我就从odp框架入手.仅仅纪录自己的学习体会 一. ...

  9. 新的时代：今日三款新IM正式宣战微信！

    今天(2019年1月5日)是社交圈的大日子,在今天上午将有三款不同的社交软件进行发布会,王欣.张一鸣.罗永浩旗下公司三款社交产品于今日同日发布. 新的时代,共同挑战微信 2019年1月15日,张一鸣的 ...

  10. Ubuntu下CUDA8.0卸载

    Ubuntu下CUDA8.0卸载 https://www.jianshu.com/p/45e07114463a 由于目前CUDA9.0已经发布,很多朋友需要升级,而在升级前需要卸载CUDA8.0,方法 ...