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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <script src="jquery-1.11.2.min.js"></script>
  7. </head>
  8. <!--find关键字，找哪个标签名-->
  9. <!--eq关键字是取全部，想取单个就给他指定一个数取哪个-->
  10.  
  11. <body>
  12.  
  13. <select id="sel">
  14. </select>
  15.  
  16. <script type="text/javascript">
  17. $.ajax({
  18.         url:"xmlchuli.php",  //url跳转到指定的页面
  19.         dataType:"XML",  //返回XML数据类型 进下面循环，取出想要的数据
  20.         success: function(data){
  21.                 //alert($(data).find("code").eq(1).text());
  22.                 //alert($(data).find("nation").attr("bs"));//此方法还可以取标签名里的属性来求出你想显示的值，，fibd找到nation标签名，取他里面定义的bs属性
  23.  
  24.                 var allcode = $(data).find("code");  //find直接找处理页面里所有code标签名 交给allcode
  25.                 var allname = $(data).find("name");  //code 和 name在处理页面是成对出现的，所以取出code就能取出name
  26.  
  27.                 var str =""; //定义str为空
  28.  
  29.                 for(var i=;i<allcode.length;i++)//循环allcode标签取出里面所有的值
  30.                 {
  31.                     var code = allcode.eq(i).text();//交给code
  32.                     var name = allname.eq(i).text();//交个name
  33.  
  34.                     str = str +"<option value='"+code+"'>"+name+"</option>";//根据code，name求出来的值，我要显示name类里的值
  35.                 }
  36.  
  37.                 $("#sel").html(str);//$("")找到下拉，将求出来的Name列值放到下拉列表中
  38.             }
  39.     });
  40. </script>
  41. </body>
  42. </html>

处理页面

  1. <?php
  2. include("DBDA.class.php");//include关键字，纯处理页面引用封装好类的代码包
  3. $db = new DBDA(); //造一个接受对象关键字new
  4.  
  5. $sql = "select * from nation";//访问数据库查询nation表所有数据
  6.  
  7. $attr = $db->Query($sql);  //执行封装好类里的Query方法，返回索引的二维数组
  8.  
  9. echo "<nation>";  //将二维数组转换XML格式，先输出<nation></nation>标签，作为XML的根
  10.  
  11. foreach($attr as $k=>$v) //$k等于从零开始
  12. {
  13.     echo "<n{$k}><code>{$v[0]}</code><name>{$v[1]}</name></n{$k}>";
  14. }
  15.  
  16. echo "</nation>";
  17.  
  18. /*
  19. echo "<nation bs='1'>"; //给此标签定义一个bs属性
  20.  
  21. foreach($attr as $k=>$v)
  22. {
  23.     echo "<n{$k}><code>{$v[0]}</code><name>{$v[1]}</name></n{$k}>";
  24. }
  25.  
  26. echo "</nation>";
  27. */

效果

在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. 微软BI 之SSIS 系列 - 在 SSIS 输出平面文件时根据运行日期生成不同的文件名称

    开篇介绍 在 SSIS 中操作文件的输入和输出是非常方便的,这个例子讲解一个最简单的需求:比如每天从数据库中查询一批数据要输出到文件,每天产生一个文件,那么文件的名称按照"文件名+日期&qu ...

  2. Spark操作：Aggregate和AggregateByKey

    1. Aggregate Aggregate即聚合操作.直接上代码: import org.apache.spark.{SparkConf, SparkContext} object Aggregat ...

  3. MySQL replicate-ignore-db详解

    1:官方的解释是:在主从同步的环境中,replicate-ignore-db用来设置不需要同步的库.解释的太简单了,但是里面还有很多坑呢. 生产库上不建议设置过滤规则.如果非要设置,那就用Replic ...

  4. eclipse alt+/智能提示错误问题

    转自: https://blog.csdn.net/u013066244/article/details/69054447

  5. 【Java】java数据库连接中C3P、DBCP、Druid连接池的使用

    使用JDBC的步骤:1.加载数据库驱动2.通过DriverManager获得数据库连接3.通过Connection获得Statement对象4.使用Statement执行SQL语句.5.操作结果集合6 ...

  6. [Aaronyang] 写给自己的WPF4.5 笔记6[三巴掌-大数据加载与WPF4.5 验证体系详解 2/3]

    我要做回自己--Aaronyang的博客(www.ayjs.net) 博客摘要: Virtualizing虚拟化DEMO 和 大数据加载的思路及相关知识 WPF数据提供者的使用ObjectDataPr ...

  7. 详述socket编程之select()和poll()函数

    转自:http://www.cppblog.com/myjfm/archive/2011/10/26/159093.aspx select()函数和poll()函数均是主要用来处理多路I/O复用的情况 ...

  8. 9.4 翻译系列：EF 6以及 EF Core中的NotMapped特性（EF 6 Code-First系列）

    原文链接:http://www.entityframeworktutorial.net/code-first/notmapped-dataannotations-attribute-in-code-f ...

  9. 9.8 翻译系列：数据注解特性之--Required 【EF 6 Code-First系列】

    原文链接:https://www.entityframeworktutorial.net/code-first/required-attribute-dataannotations-in-code-f ...

  10. 基于mindwave脑电波进行疲劳检测算法的设计(5)

    时隔两个多月了,前段时间在弄Socket,就没有弄这个了.现在好了,花了几天的时间,终于又完成了一小部分了.这一小节主要讲α,β,δ,θ等等波段之间的关系.废话不多说,直接给出这几天的成果. 上一次, ...