码迷,mamicode.com
首页 > Web开发 > 详细

ajax返回xml类型

时间:2017-05-18 15:43:38      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:type   ajax   数据   img   pre   ges   ima   不同的   文档   

xml与html差不多,都是文本标记语言,不同的是Html是超文本标记语言,主要用来展示。xml是可扩展标记语言,主要用来做数据传输。

XML特点:
1.树状结构,有且只有一个根
2.标签名自定义
3.标签名很敏感,都是双标签元素
4.同一级下不能出现重名标签

下面我们用一张表展示一下:

技术分享

我们来获取这张表中的name1列:

<title>无标题文档</title>
<script src="jquery-3.2.0.min.js"></script>
</head>

<body>

<div id="shuju"></div>

</body>
<script type="text/javascript">

$.ajax({
    url:"xmlchuli.php",
    dataType:"XML",
    success: function(data){
        var zi = $(data).find("minzu").children();
        var str = "";
        for(var i=0;i<zi.length;i++)
        {
            //zi.eq(i).find("code").text();
            var name1 = zi.eq(i).find("name1").text();
            str = str+"<div>"+name1+"</div>";
        }
        $("#shuju").html(str);
    }
});

</script>
</body>
</html>

处理页面:

<?php
require "DBDA.class.php";
$db = new DBDA();
$sql = "select * from minzu";
$arr = $db->query($sql);

echo "<minzu>";

foreach($arr as $k=>$v)
{
    echo "<n{$k}><code>{$v[0]}</code><name1>{$v[1]}</name1></n{$k}>";
}

echo "</minzu>";

显示图:

技术分享

 

ajax返回xml类型

标签:type   ajax   数据   img   pre   ges   ima   不同的   文档   

原文地址:http://www.cnblogs.com/mengshenshenchu/p/6873487.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!