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

?>

 

posted @ 2016-05-18 17:56  万里冰封  阅读(2281)  评论(0)  编辑  收藏  举报