AJAX网络请求

一、什么是AJAX网络请求

1、AJAX 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。
Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。

2、Ajax 是一种用于创建快速动态网页的技术。
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术.
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

3、Ajax的核心内容就是 JavaScript 对象 XMLHttpRequest

4、Ajax工作流程

image.png

二、创建XMLHttpRequest

1、创建一个xhr对象

    //XMLHttpRequest 对象用于在后台与服务器交换数据。
    var xhr =new XMLHttpRequest();

2、对xhr进行配置

//open(传输方式get/post,网址，是否异步 true/false)
xhr.open("get","register.php",true);

3、发送网络请求

xhr.send();

4、监听网络请求状态并接收网络返回的数据

    //请求过程中，readyState会发生变化
    //0-初始状态
    //1-创建连接
    //2-客户端向服务端发送数据
    //3-服务端开始向客户端返回数据
    //4-客户端接收数据完毕
    xhr.onreadystatechange = function(){
    
    }