HTML：

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>Document</title>

  </head>

  <body>

    <button>获取ajax信息</button>

    <h3></h3>

    <script>

      document.querySelector("button").onclick = function() {

        // 创建异步对象

        var xhr = new XMLHttpRequest();

        // 设置请求行

        xhr.open("get", "./person.php");

        // 设置请求头（get请求可以省略）

        // 注册状态改变事件

        xhr.onreadystatechange = function() {

          // 判断状态&&请求是否成功并使用数据

          if (xhr.readyState == 4 && xhr.status == 200) {

            // 返回的是xml 通过 responseText只能够获取到 字符串

            // console.log(xhr.responseText);

            // 如果返回的是 xml 使用 responseXML来获取

            var name = xhr.responseXML.querySelector("name").innerHTML;

            var age = xhr.responseXML.querySelector("age").innerHTML;

            var info = xhr.responseXML.querySelector("info").innerHTML;

            console.log(name);

            // 拼接字符串，显示在页面中

            document.querySelector("h3").innerHTML =

              name + "--" + age + "--" + info;

          }

        };

        // 发送请求

        xhr.send(null);

      };

    </script>

  </body>

</html>

PHP：

<?php

   // 告诉浏览器 返回的是xml 编码格式

   header("content-type:text/xml;charset:utf-8");

   // 接收发送过来的数据

    //读取xml

      // =>哪个分类中 文件分类中找

      // 参数1 文件的路径名

   $xmlString = file_get_contents('./file/person.xml');

   // 返回读取的 xml

   echo $xmlString;

?>

XML：

<root>

<name>andy</name>

<age>27</age>

<info>今天你学习了吗</info>

</root>

案例：使用xml存储数据的更多相关文章

  1. C#中使用XML存储数据

    创建XML文档 首先引用System.Xml命名空间 1.初始化一个实例 XmlDocument xd = new XmlDocument(); 2.创建XML头文件声明 XmlDeclaration ...

  2. txt\excel\cvs\xml存储测试数据

    一.目录结构 二.txt存储数据 1.txtData.txt如下: 请您输入手机/邮箱/用户名 请您输入密码 请您输入验证码 2.helper中读取txt数据的代码 def readTXT(self) ...

  3. 电影管理器之XML存储电影信息数据

    电影管理器之XML存储电影信息数据 但凡管理器之类的软件,存储数据是必不可少的.存储数据的话,有几种选择.一是用数据库,把数据存储到数据库里:一是用文本文件,把数据存储到文本文件里:一种是利用XML文 ...

  4. 编程实战——电影管理器之XML存储电影信息数据

    但凡管理器之类的软件,存储数据是必不可少的.存储数据的话,有几种选择.一是用数据库,把数据存储到数据库里:一是用文本文件,把数据存储到文本文件里:一种是利用XML文件,把数据对象转换为XML后,存储到 ...

  5. 基于ormlite创建数据库存储数据案例

    一直不知道安卓创建数据库存储数据,以前遇到过,但是没有深入研究,今天仔细的看了一下,学习到了一点知识 直接看代码了 public class DatabaseHelper extends OrmLit ...

  6. R语言XML格式数据导入与处理

    数据解析 XML是一种可扩展标记语言,它被设计用来传输和存储数据.XML是各种应用程序之间进行数据传输的最常用的工具.它与Access,Oracle和SQL Server等数据库不同,数据库提供了更强 ...

  7. Android四个存储数据的SharedPreferences

    除了SQLite外部数据库.SharedPreferences它是一个轻量级的数据存储,其本质是基于XML文件存储key-value键值数据,通过定期用它来存储一些简单的配置信息.它的存储位置/dat ...

  8. Smart3D系列教程6之 《案例实战演练3——倾斜数据正射影像及DSM的生产》

    一.前言 Wish3D出品的系列教程中,前面两讲分别讲述说明了小物件的照片三维重建.大区域地形的三维重建,从照片的直接导入至软件到通过Excel表格将区块导入处理,从不同的模型类别.不同的导入方式演示 ...

  9. Android应用开发SharedPreferences存储数据的使用方法

    Android应用开发SharedPreferences存储数据的使用方法 SharedPreferences是Android中最容易理解的数据存储技术,实际上SharedPreferences处理的 ...

随机推荐

  1. mysql02---客户端与服务器模型

    目录 一.客户端与服务器模型 连接MySQL方式 总结: 二.MySQL服务器构成 三.MySQL的结构 一.客户端与服务器模型 1.mysql是一个典型的C/S服务结构 1.1 mysql自带的客户 ...

  2. [SCOI2003]字符串折叠（区间dp）

    P4302 [SCOI2003]字符串折叠 题目描述 折叠的定义如下: 一个字符串可以看成它自身的折叠.记作S = S X(S)是X(X>1)个S连接在一起的串的折叠.记作X(S) = SSSS ...

  3. Vue--按键修饰符（逐个学习按键修饰符）

    在监听键盘事件时,我们经常需要检查常见的键值.Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <!-- 只有在 `keyCode` 是 13 时调用 `vm.submit()` -- ...

  4. React 和 Vue 到底谁更牛？听听尤雨溪怎么说

    React 和 Vue 到底谁更牛?听听尤雨溪怎么说 知乎上近日有人发起了一个 “react 是不是比 vue 牛皮,为什么?” 的问题,再度引发一场关于前端框架谁更牛的口水战,评论里可以说是撕得不可 ...

  5. ubuntu 安装apache2 二进制包

    官方安装教程  http://httpd.apache.org/docs/2.4/install.html 一.下载安装包 进入https://httpd.apache.org/download.cg ...

  6. Window下设置Octave

    从 http://sourceforge.net/projects/octave/files/Octave_Windows%20-%20MinGW/Octave%203.6.0%20for%20Win ...

  7. TJU 4072 3D Birds-Shooting Game

    4072.   3D Birds-Shooting Game Time Limit: 3.0 Seconds   Memory Limit: 65536K Total Runs: 167   Acce ...

  8. js插件-图片椭圆轮播效果

    插件效果图: html 代码如下: <div id="container"> <img src="images/cartoon/1.jpg" ...

  9. Halo（八）

    安全模块 用户描述类 /** * 基本 Entity */ @Data @MappedSuperclass public class BaseEntity { /** Create time */ @ ...

  10. leetcode简单刷题

    [python3]参数中的冒号与箭头 冒号后面是建议传入的参数类型 箭头后面是建议函数返回的类型