AJAX数据交换格式

VIP文章 LikY03321

于 2023-02-02 16:42:39 发布

阅读量128

点赞数

文章标签： ajax 前端 javascript Powered by 金山文档

本文链接：https://blog.csdn.net/LikY03321/article/details/128850601

版权

XML

xml是指Extensible Markup Language(可扩展标记语言)，标准通用标记语言的子集，简称XML。是一种用于标记电子文件使其且具有结构性的标记语言

XML特点

使用类似的HTML的标签描述，标签成对出现

标签名字随意，没有预定义

标签名字就是属性名，标签中间存储属性的值

没有值的属性可以自闭和，</name>,表示name属性没有值

mimetyoe=application/xml，独立存在文件叫*.xml

虽然长得像HTML，但是和HTML没有关系

XML与HTML功能对比

xml的重点是为了传输和存储数据，是数据的载体，一般是程序员来解析得到标签中的内容.html的重点是描述网页内容，是网页内容的载体，一般是浏览器来解析并显示成页面。

xml文件格式:

<nan>
  <name>李一</name>
  <sex>男</sex>
  <age>18</age>
</nan>

<body>
    <button id="btn">点击</button>
    <div id="div1"></div>
    <script>
        document.getElementById("btn").onclick=function(){
            //创建AJXA对象
            var xml=new XMLHttpRequest;
            //创建服务器链接判数据传输方式
            xml.open("get","http://127.0.0.1:5500",true);
            xml.onreadystatechange=function(){
                if(xml.status==200 & xml.readyState==4){
                    //document.getElementById("div1").innerHTML=xml.responseText; 获得网址内字符串形式的响应数据
                    datashow(this);
                }
            };
            xml.send();//请求即将发送时，改变 <div> 元素的内容
        }
        
        function datashow(xml){
            var xml1=xml.responseXML;//获得网址内XML形式的响应数据
            var x=xml1.getElementsByTagName("nan");//获取页面内nan里的数据存到x里
            var table="<table><tr><td>name</td><td>sex</td><td>age</td></tr>";//定义table列表
                for(i=0;i<x.length;i++){//遍历函数  nodeValue 属性设置或返回节点的值，根据其类型。

最低0.47元/天解锁文章

LikY03321

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX数据交换格式

XMLxml是指Extensible Markup Language(可扩展标记语言)，标准通用标记语言的子集，简称XML。是一种用于标记电子文件使其且具有结构性的标记语言XML特点使用类似的HTML的标签描述，标签成对出现标签名字随意，没有预定义标签名字就是属性名，标签中间存储属性的值没有值的属性可以自闭和，,表示name属性没有值mimetyoe=application/xml，独立存在文件叫*.xml虽然长得像HTML，但是和HTML没有关系。
复制链接

扫一扫