Ajax基础入门

一、ajax是什么？

1、ajax 的全称是Asynchronous JavaScript and XML，其中，Asynchronous 是异步的意思。 
2、是7种技术的综合，它包含了：JavaScript、xml、xstl、xhtml、dom、 xmlhttprequest、css   
3、ajax是一个与服务器端语言无关技术
4、ajax返回的数据格式（文本格式、xml、json）
5、作用：
        1、页面五刷新的动态数据交互
        2、局部刷新页面
        3、界面的美观
        4、对数据库的操作
        5、可以返回简单的文本格式，也可以返回xml文件格式、json数据格式
      
6、原理
        数据库
         ↑ ↓
         ↑ ↓
        服务器
          ↑ ↓
http请求  ↑ ↓  http响应（文本/json/xml）
          ↑ ↓
     创建ajax引擎对象
      （浏览器）            相当于是一个代理
    (XmlHttpRequest)
         ↑ ↓
         ↑ ↓
         页面
                  

二、传统三种方式浏览器向服务器发送请求

1、url 回车 刷新
2、特定元素href或者src
3、表单

三、发送Ajax

// 涉及到AJax 操作的页面“不能” 使用文件协议访问
// AJAX 是一套API 核心的提供的类型：xmlHttpRequest

// 1.安装浏览器（用户代理）
// xhr 就类似于安装浏览器作用（发送请求接受响应）
var xhr = new XMLHttpRequest()

// 2.打开浏览器 输入网址
xhr.open('GET', 'Http://day-11/time.php')
 
// 3. 敲回车 开始请求
xhr.send()

// 4. 等待响应

// 5. 看结果