AJAX

2020-09-26

1.全局刷新和局部刷新
全局刷新:整个浏览器被新的数据覆盖，在网络中传输大量的数据，浏览器需要加载，渲染页面
局部刷新:在浏览器的内部，发起请求，获取数据，改变页面的部分内容，其余的页面无需加载和渲染，数据传输量少
ajax的作用就是用来做局部刷新。局部刷新使用的核心对象就是:异步对象，这个异步对象是存在浏览器中的，使用js语法创建和使用XMLHttpRequest对象
2.什么是AJAX？
AJAX实际上是代替了浏览器发送请求，所以请求对象的到的参数以及响应对象输出的位置，都在AJAX的异步对象中
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML),核心是JavaScript和xml
JavaScript:负责创建异步对象，发送请求，更新页面的dom对象，Ajax请求需要服务器端的数据
xml:网络中的传输的数据格式

3.Ajax异步对象实现步骤
1).创建异步对象(JS语言)

1	var xmlHttp = new XMLHttpRequest();

2).给异步对象绑定事件

btn.onclick = funl();
function funl(){
    alert("单击按钮事件");
}

onreadystatechange();当异步对象发送请求，获取了数据都会触发这个事件

xmlHttp.onreadystatechange = function(){
    处理请求的状态变化
    if(xmlHttp.readyState==4&&XmlHttp.states==200){
        //可以处理服务器端的数据，更新当前页面
        //接受数据
        //更新dom对象
    }
}

异步对象的属性
1.readyState表示异步对象的状态变化

0:创建异步对象时，new XMLHttpRequest();
1:初始异步请求对象，xmlHttp.open();
2:发送请求，xmlHttp.send();
3:从服务器端获取了数据，注意3是异步对象内部使用，获取了原始的数据
4:异步对象把接受的数据处理完成后，此时开发人员在4的时候处理数据，拿到数据后，更新当前页面。

2.status属性:表示网络请求的状况，200，404，500等等，但需要是state==2时，表示网络请求是成功的
3).初始异步q请求对象

1
2
3

//xmlHttp.open(请求方式get||post,"服务器短的访问地址",同步或异步(默认是true，表示异步请求))
//eg:  
xmlHttp.open("get","loginServlet?name=zs&pwd=123",true);

4).使用异步对象发送请求
xmlHttp.send()
获取服务器端返回的数据，使用异步对象的属性responesText.
4.JOSN的初步介绍
AJAX发起请求————servlet(返回的一个json格式的字符串)
1).json分类:
json对象，JSONObject，这种对象的格式名称：值，也可以看作key:value格式
json数组：JSONArray

2.json的使用方法
调用jackson中的库函数

1 2	ObjectMapper om = ObjectMapper(); json = om.writeValueAsString(Provinces);