ajax原理是什么？如何使用(实现)？

1.ajax原理

        ajax全称是Async JavaScript and XML，即异步的JavaScript和XML。我们使用ajax可以进行前后端交互。

        在ajax还没有出现之前，人们往浏览器地址栏输入一个地址，客户端就显示一个页面，或者显示一张图片，或者是显示一个json字符串，实现的是更新整个页面的效果。

        ajax出现之后，js请求一个后端的url地址，url地址对应的资源不会直接显示在浏览器上，而是把资源交给js这个语言进行处理，如果我们想要将处理过的资源显示在页面上，那么就需要js进行渲染。例如document.write()、innerHTML()、innerText()、appendChild()等等都可以用于渲染页面，实现局部更新页面的效果。

        ajax的原理简单来说是通过XMLHttpRequest对象向服务器发送异步请求，从服务器获得数据，然后用JavaScript来操作DOM从而局部更新页面。

2.如何使用

第一个ajax通信一定是由前端发起的，要进行前后端交互，一定要有后端可以让前端发送请求。前端通过ajax向后端发送数据，就是前端发送请求request；后端通过ajax向前端发送数据，就是前端接收响应response。

2.1发送ajax请求的步骤：

2.1.1创建一个ajax对象

实例化一个XMLHttpRequest()构造函数，得到一个对象从而发送ajax请求

2.1.2配置请求信息

我们使用创建好的ajax对象来完成配置请求信息

语法：ajax对象.open(请求方式,请求地址,是否异步)

+确定我们需要用什么方式请求，get还是post还是别的？注意请求方式不区分大小写

+确定我们需要请求的url地址，即后端服务器地址

+确定我们需要发送一个同步请求还是异步请求，默认是异步请求

2.1.3发送请求

语法：ajax对象.send()

表示把这个配置好的请求发送出去

2.1.4接收后端的响应

+因为现在是js和后端交互，而不是浏览器和后端交互

+所以后端返回的响应资源就给了js

我们就需要用一个事件来接收资源

ajax对象.onload = function(){}