XHTML + XML + AJAX --暑假day3

浅谈XHTML

XHTML就是更加严格的html,目标是取代html

  • 必须小写

  • 严格遵循嵌套规则

  • 严格符合语法

  • XHTML元素必须要被关闭

  • 空标签应该在>的前面加上/,这样来关闭标签

  • 不能简写属性
    在这里插入图片描述

  • 把HTML里面的name属性更换成了id
    在这个/的前面要添加一个空格,用来兼容浏览器

<img src="picture.gif" id="picture1" />
  • lang属性,几乎所有的XHTML元素都有这个属性,用来定义元素内部的内容所用的语言类型,如果要给元素使用这个属性,要像下面这样用
<div lang="no" xml:lang="no">Heia Norge!</div>
  • 所有 XHTML 文档必须进行文件类型声明(DOCTYPE declaration)。title必须位于head 里面

  • “xmlns=http://www.w3.org/1999/xhtml” 是一个固定的值,会默认添加在HTML中

  • 三种文档类型
    在这里插入图片描述

  • 通过DTD验证XHTML
    在这里插入图片描述

浅谈XML

HTML是显示数据
XML(EXtensible Markup Language)被设计用来传输和存储数据,也是一种标记语言,和HTML类似
XML的标签要自定义,被设计为具有自我描述性

  • XML只是纯文本
  • XML是对HTML的补充,是独立于软件和硬件的信息传递工具

作用

  • 把数据从 HTML 分离
  • 简化数据共享
  • 简化数据传输
  • 简化平台的变更
  • 使您的数据更有用
  • 用于创建新的 Internet 语言

XML的树结构

在这里插入图片描述

语法规则

  • 对大小写敏感

  • 所有元素都必须要有关闭元素

  • 必须嵌套

  • 必须要有根元素

  • 属性值必须要添加引号,单双引号都可以

  • 建议用实体引用来代替字符
    在这里插入图片描述

  • xml没有空白折叠,它文档中的空格字符会被原原本本的保留

命名规则

  • 名称不能以数字或者标点符号开始
  • 名称不能以字符 “xml”(或者 XML、Xml)开始
  • 名称不能包含空格
    在这里插入图片描述

xml元素是可扩展的

建议尽量使用元素来描述数据,仅仅用属性(自定义)来提供与数据无关的信息

元数据(有关数据的数据)应当存储为属性,而数据本身应当存储为元素。

XMLHttpRequest 对象

用于在后台与服务器交换数据

  • 在不重新加载页面的情况下更新网页

  • 在页面已加载后从服务器请求数据

  • 在页面已加载后从服务器接收数据

  • 在后台向服务器发送数据

  • loadXML() 方法用于加载字符串(文本),而 load() 用于加载文件。

xmlDoc.load("books.xml");//表示加载名为books.xml的文件

乱七八糟的东西挺多的,具体dom和js的dom差不多

AJAX

就是异步JavaScript和XML

主要用途是在不加载整个网页的前提下,对网页的某部分进行更新

满足兼容性的创建XMLHttpRequest对象

    let xmlhttp;
    if (window.XMLHttpRequest) {
    
    
        xmlhttp = new XMLHttpRequest();
    }else{
    
    
        xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');//为了兼容ie5,6
    }

在这里插入图片描述

send()括号中的内容就是希望对方发送的数据

POST和GET,大部分情况用GET(更简单更快),只有以下三种使用POST

  • 无法使用缓存文件
  • 发送大量数据
  • 包含未知字符的用户输入

POST操作中所有数据用户都是看不到的

在这里插入图片描述

只要open用于Ajax,那么第三个参数必须设置为true

如果Async是true,那么就必须设置处于onreadystatechange事件的执行函数

如果是false,那就不用设置

如果要获取来自服务器的响应,要使用这两个属性
在这里插入图片描述

onreadystatechange事件
在这里插入图片描述

let xmlDom = xmlhttp.responseXML;//此时xmlDom是一个xml文件,想要操作里面的内容需要使用XMLDOM

猜你喜欢

转载自blog.csdn.net/weixin_50948265/article/details/118712942