ajax之XML简介

XML：可扩展标记语言，传输数据

HTML：超文本标记语言，显示数据

 

XML：标签构成

特点：

1.标签名可以自定义

2.必须有一个根（有且只有一个）

3.有开始标签就必须有结束标签

4.大小写敏感

 

XML练习关键代码：

获取内容：

 var cd = $(data).find("nation").children();

cd.eq(i).find("code").text();

获取属性内容：

$(data).find("shuju").attr("name")

 

 

练习XML：

首页：

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

<div id="aa"></div>

 

<script type="text/javascript">

$(document).ready(function(e) {

 /*   $.ajax({

        url:"chuli.php",

        dataType:"XML",

        success: function(data){

                //取根下面的子集元素，取出的是一个数组

                var cd = $(data).find("nation").children();

                var str = "";

                for(var i=0; i<cd.length;i++)                {

                    var code = cd.eq(i).find("code").text();

                    var name = cd.eq(i).find("name").text();

                    str = str+"<div>"+code+"--"+name+"</div>";

                }

                $("#aa").html(str);

            }

        });*/

    $.ajax({

        url:"chuli.php",

        dataType:"XML",

        success: function(data){

                alert($(data).find("shuju").attr("name"));

            }

        });

});

</script>

 

处理页面：

<?php

include("../DBDA.php");

$db = new DBDA();

 

//$sql = "select * from Nation";

$sql = "select * from Info where Code='p001'";

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

 

echo "<nation>";

/*foreach($attr as $k=>$v){

    echo "<n{$k}>

    <code>{$v[0]}</code>

    <name>{$v[1]}</name>

    </n{$k}>";

}*/

 

echo "<shuju code='{$attr[0][0]}' name='{$attr[0][1]}' nation='{$attr[0][3]}'>

</shuju>";

 

echo "</nation>";