Ajax-XML的使用

简介: Ajax-XML的使用

1.为什么要使用XML文件


方便前端获取后端传来的数据


2.什么是XML?


可扩展标记语言


3.XML文件的固定格式


<?xml version="1.0" encoding="UTF-8"?>
<cat>//XML的根节点,根节点名称随便写。
// 这里添加我们的数据
<name>dxw</name>
<age>21</age>
</cat>


4.后端如何返回XML数据给前端?


ajax({
    type:"get",
    url:"ajax-xml.php",
    sucess:function (xhr) {
    console.log(xhr.responseXML);// 返回的是XML的document
    var res = xhr.responseXML;
    console.log(res.querySelector("name"));// 获取name标签
    console.log(res.querySelector("name").innerHTML);// 获取name标签中的内容,即姓名。
    },
    error:function () {
    }
})


ajax-xml.php文件的格式


<?php
// 执行结果有中文,必须在php文件顶部置顶以下代码
header("content-type:text/html;charset=utf-8")
// 如果PHP中需要返回XML数据,必须在php文件顶部置顶以下代码
 header("content-type:text/xml;charset=utf-8")
echo file_get_contents(filename:"info.xml");


相关文章
|
7月前
|
XML 前端开发 JavaScript
Ajax(Asynchronous JavaScript and XML)
【8月更文挑战第16天】
44 3
|
XML 存储 JSON
【jquery】前端数据格式:json、xml对比
【jquery】前端数据格式:json、xml对比
145 0
|
XML Java 数据格式
使用JSP发送XML
使用JSP发送XML
79 0
|
JSON 前端开发 JavaScript
jquery ajax 和servlet json 结合的简单小例子
jquery ajax 和servlet json 结合的简单小例子
143 0
|
SQL JSON 前端开发
SpringMvc+Spring+MyBatis+Maven+Ajax+Json注解开发
本文章的目标 完成对数据库中表的一条记录进行修改 MySql的Sql语句: UPDATE `demossmtest`.`orders` SET `name` = '电脑AS', `foondname` = '华为OS', `ordertime` = '2022.6.9', `count` = 3456, `price` = 3452.09, `amount` = 1234.09 WHERE `id` = 6
|
XML 存储 JSON
AJAX + JSON + XML(二)
AJAX + JSON + XML相关介绍
153 0
AJAX + JSON + XML(二)
|
XML 存储 JSON
AJAX + JSON + XML(一)
AJAX + JSON + XML相关介绍
311 0
AJAX + JSON + XML(一)
|
JSON 前端开发 Java
Struts2实现JSON和Ajax操作(十四)
Struts2实现JSON和Ajax操作(十四)
166 0
Struts2实现JSON和Ajax操作(十四)
|
XML JSON 前端开发
AJAX&JSON&XML
AJAX&JSON&XML
106 0
|
XML 存储 JSON
学习AJAX必知必会(1)~Ajax介绍、xml介绍、express框架
学习AJAX必知必会(1)~Ajax介绍、xml介绍、express框架
178 0