ajax

ajax用来请求后端数据的，用到ajax就要有后端数据，就要有后端，最好将ajax也放在服务器环境中使用

1. ajax的概念和特点

    1.1：前后端交互的重要手段

        - a：异步

        - j：js

        - a：和

        - x：服务端的数据，xml，json，记事本，php

    :1.2：异步的js和服务端的数据（不是一个技术，一组技术的合集）

        - 载体：连接前后端的桥梁：XHR对象（XMLHttpRequest）

        - 异步的js：事件，不是鼠标键盘事件，XML对象身上的加载事件

        - 服务器端的数据

        - 其他js：数据的处理的js功能

　　1.3优缺点：

　　 - 无刷新加载新数据

        - 在不中断浏览器其他任务的情况下，加载数据

        - 局部刷新

        - 提升页面的加载速度

        - 因为页面没有刷新，所以不会产生历史记录，破坏了浏览器的前进后退功能

        - 不利于SEO

2. ajax的使用

　　2.1.创建载体：var xhr = new XMLHttpRequest();

       2.2.开启请求：xhr.open("get","http://localhost/ws2005/ajax/data/data.txt",true);

       2.3.监听状态：

    xhr.onreadystatechange = function(){

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

            console.log(xhr.responseText);

        }

    }

       2.4.发送信息：xhr.send();