ajax的介绍

一、ajax的介绍

1、ajax：Asynchronous JavaScript and XML

它是一组技术的组合，是前后端交互的重要手段或桥梁

2、js交互

1、人机：行为，事件
2、数据：前后端

3、ajax的特点

无刷新加载页面，破坏了历史记录，网络优化（SEO）

4、ajax的组成

异步的js（事件）
其他js（处理解析数据）
XHR（XMLHttpRequest）对象（前端后链接的载体）
数据（txt，html，json，xml）（必须都得是字符）

二、ajax的实现

1、创建XHR对象

var xhr = new XMLHttpRequest();

2、设置要请求的方式，地址（新的HTTP亲求）

xhr.open("get","http://localhost/ajax/data/data.txt",true)；
//ture：异步 不写默认 ；false：表示同步 

3、等待监听状态（设置响应HTTP请求状态变化函数）

xhr.onreadystatechange = function(){
	//载体自身的执行情况：xhr.readyState
	//网络状态：xhr.status
	if(xhr.readyState == 4 && xhr.status == 200){
            console.log(xhr.responseText)
        }else if(xhr.readyState == 4 && xhr.status ！= 200){
        	console.log(xhr.status);
        }

4、发送HTTP请求

xhr.send();