zoukankan      html  css  js  c++  java
  • XML做下拉列表

    5-18X.php主页面

    <!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-2.1.1.min.js"></script>
    </head>
    
    <body>
    <select id="m"></select>
    </body>
    
    <script type="text/javascript">
    //jquery是由javascript开发的一个框架,并不是一种独立的语言,这种框架其实就是javascript的一个函数,函数名就为jquery,
    //由于在框架中把jquery简写成了一个简单的$符号,所以这个函数的使用格式就变成了$(),自然使用jquey就得加$()或jquery();
    $(document).ready(function(e) {
        
        $.ajax({
            url:"X.php",
            dataType:"XML",
            success: function(data)
            {
                var ch = $(data).find("x").children();
                var str ="";
    //XML 传输的是一个页面,引用时作为变量,取jquery地址
                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>";
                }
            $("#m").html(str);
            }
        })
    });
    //$()就是jquery的一个标识符 就类似于php中变量要用$定义一样
    </script>
    </html>

    X.php

    <?php
    include("./Tp.class.php");
    $db=new Tp();
    $sql="select * from car";
    $attr=$db->query($sql);
    //XML 输出
    echo "<x>";
    foreach($attr as $k=>$v)  //$k 是主键值
    {
        echo "<m{$k}>";
        echo "<code>{$v[0]}</code>";
        echo "<name>{$v[1]}</name>";
        echo "</m{$k}>";
    }
    echo "</x>";
    
    ?>
  • 相关阅读:
    CF1051D Bicolorings dp
    loj2480 [CEOI2017]One-Way Streets 边双+树上差分
    有趣的支配树
    AtCoder Regular Contest 81
    [BZOJ5305][HAOI2018]苹果树(DP)
    [BZOJ4699]树上的最短路(最短路+线段树)
    [BZOJ3507][CQOI2014]通配符匹配(DP+Hash)
    [Luogu4724][模板]三维凸包(增量构造法)
    [BZOJ5317][JSOI2018]部落战争(闵可夫斯基和)
    [WC2014]时空穿梭(莫比乌斯反演)
  • 原文地址:https://www.cnblogs.com/wanlibingfeng/p/5506068.html
Copyright © 2011-2022 走看看