XMLHttpRequest

1,003 阅读2分钟

XML简单说明,可跳过。XML 是什么,与html有什么联系和区别???

个人理解的简单描述:xml 就是长得很像 html ,用来描述和传输数据的一个可扩展标记语言(存数据,目的是数据传输),而html是为了将数据友好的展示出来,用来描述网页的标记语言。

html xml
超文本标记语言 可扩展标记语言
不是一种编程语言,而是一种标记语言 很像HTML的标记语言,XML 被设计为具有自我描述性
使用标记标签来描述网页 XML的设计宗旨是传输数据,而不是显示数据
文档包含了HTML标签及文本内容 XML 标签没有被预定义,需要自行定义标签
HTML文档也叫做 web 页面 XML 是 W3C 的推荐标准

tips

  • 标记语言是一套标记标签
  • XML 被设计用来传输和存储数据,其焦点是数据的内容。
  • HTML 被设计用来显示数据,其焦点是数据的外观。

example

下面是一个xml便签,这些标签与html不同,都不是预定义的,而是为了描述你想表达的数据自定义的。细节参考菜鸟教程

<note>
    <to>Tove</to>
    <from>Jani</from>
    <heading>Reminder</heading>
    <body>Don't forget me this weekend!</body>
</note>

XMLHttpRequest

(XHR)对象可以与服务器交互。可以从URL获取数据,而无需让整个的页面刷新。这允许网页在不影响用户的操作的情况下更新页面的局部内容。在 AJAX 编程中,XMLHttpRequest 被大量使用。

XHR 继承了 XMLHttpRequestEventTarget 的属性, XMLHttpRequestEventTarget 又继承了 EventTarget的属性。

对于全双工通信,WebSocket会是更好的选择。

特点

  • 在不重新加载页面的情况下更新网页
  • 在页面已加载后从服务器请求数据
  • 在页面已加载后从服务器接收数据
  • 在后台向服务器发送数据

创建一个 XMLHttpRequest 对象,一个简单的http请求

xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET', '/url',true);
xmlhttp.send();

深入参考

参考 说明
你不知道的 XMLHttpRequest XHR各类数据传输和XHR的使用
XMLHttpRequest 必知必会 封装XHR
你真的会使用XMLHttpRequest吗? 详细说明用法