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. 看结果