【异步请求】Ajax笔记

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)<