ajax返回xml类型

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

显示图:

时间: 2024-07-28 18:22:19

ajax返回xml类型的相关文章

Ajax返回xml类型数据

ajax可以返回文本类型数据和xml类型数据,xml是计算机通用语言 可以使用js解析返回xml类型数据的dom对象 前端页面 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name=

ajax返回xml如何处理

首先在php页面生成xml文档并输出,然后在js中处理xml数据: var xhr = createXhr(); xhr.onreadystatechange = getinfo; xhr.open("get",'./07.php'); xhr.send(null); function getinfo(){ if(xhr.readyState==4 && xhr.status==200){ var node = xhr.responseXML; //文档节点对象 var

获取jquery 返回xml类型的data的子节点数据

<packet version="1.0.0"> <status>success</status> <data> <item> <id>4b6a3c233b4cb</id> <count_view>41</count_view> <updated>2010-03-04 17:08:28</updated> </item> </data&g

ajax技术xml类型的实现

1.在php代码中必须加 header('Content-type:text/xml'); 设置相应头,告诉他是xml类型的相应 2.ajax中如果是post请求,在send之前要设置请求头 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 一些需要知道的 var xml=xhr.responseXML;      得到ajax返回的xmldom对象 xml.getEl

PHP AJAX 返回XML数据

例子:利用AJAX间接访问数据库,查出Nation表中的数据,返回XML数据,并将Nation表中的数据显示在下拉列表框中 外层建一个下拉列表框 1 <select id="sel"> 2 </select> JQurey代码 $(document).ready(function(e) { //调用ajax $.ajax({ url:"XMLChuLi.php", dataType:"XML", //返回XML数据 suc

使用jquery处理ajax返回XML

JS代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <%@ page language="java" import="java.util.*" pageEncoding="gbk"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

20151228:AJax返回XML值

aspx代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="s

Struts2+Jquery实现ajax并返回json类型数据

主要实现步骤如下: 1.JSP页面使用脚本代码执行ajax请求 2.Action中查询出需要返回的数据,并转换为json类型模式数据 3.配置struts.xml文件 4.页面脚本接受并处理数据 网上看到很多关于Struts2+ajax+jquery+json的例子,但是很多都不完整,也看不明白,主要原因是返回jsno类型数据和原来的返回字符串类型数据不一样,并且网友们实现步骤没有说清楚,让初学的朋友捉摸不透到底该怎么做. 我做了个简单的demo,供网友们学习,最后我会附上链接,可以下载整个de

调用AJAX返回JSON、XML数据类型

1.调用AJAX返回JSON数据 用下拉列表显示Nation表民族名称 主页面: <!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"> <he