Ajax笔记
同步与异步
同步就是等待上一个请求结束之后才能发送下一个请求,而异步交互不必等待结果返回,就可以向服务端发送下一次请求了。异步交互比同步交互的用户体验更好
Ajax是什么?
Ajax是Asynchronous JavaScript XML的缩写,被翻译为异步JavaScript和XML 。Ajax本身并不是一个新技术,而是一个新的术语,在2015年被提出
Ajax的异步交互 可以HTML页面快速的将数据逐步更新在显示器上,不需要重载整个页面。 可以使页面更快的对用户的操做进行反馈
Ajax涉及的技术
- HTML
- CSS
- javaScript
- Document Object Model
- XML
- XML HttpRequest
Ajax的核心对象
实现Ajax异步交互的核心就是 XML HttpRequest对象,该对象提供了在客户端和服务器之间传输数据的功能。
XML HttpRequest提供了一个通过URL来获取数据的简单方式,并不会使整个页面刷新,这使得网页只更新一部分不会打扰到用户。
虽然Ajax的名字中有XML,但根XML HttpRequest对象可以获取所有类型的资源并不局限于XML
实现Ajax的执行步骤
封装HTML中的XMLHttpRequest到window上,但是在不同浏览器有一些小差异
(function createXMLHttpRequest(){
var httpRequest;
if(window.XMLHttpRequest){
httpRequest = new XMLHttpRequest(); // chrom sarfer firefox
}else if(window.ActiveXObject){
try {
httpRequest = new ActiveXObject('Msxml2.XMLHTTP'); // ie 7+
}catch(e)<