1、全局刷新和局部刷新
全局刷新:整个浏览器被新的数据覆盖。在网络中传输大量的数据。浏览器需要加载,渲染页面。
局部刷新:在浏览器的内部,发起请求,获取数据,改变页面中的部分内容。其余的页面无需加载和渲染。网络中数据传输量少,给用户的感受好。
Ajax是用来局部刷新的。局部刷新使用的核心对象是异步对象(XMLHttpRequest)
这个对象是存在在浏览器内存中的,使用javascript语法创建和使用XMLHttpRequest
2、Ajax:Asynchronous Javascript andXML(异步的JavaScript 和 XML),只是一种做局部刷新的新方法(2003左右),在浏览器中执行
Asynchronou:异步的意思
Javascript:Javascript脚本在浏览器中执行,负责创建异步对象,发送请求,更新页面的dom对象。Ajax请求需要服务器端的数据。
Xml:是一种数据格式。网络中的传输数据格式。使用json替换了xml。
Ajax包含的技术有javascript、dom、css、xml等,核心是javascript和xml
3、Ajax中使用XMLHttpRequest对象
1)创建异步对象 var xmlHttp = new XMLHttpRequest
2)给异步对象绑定事件。
Btn.onclick = fun1()
Function fun1(){
alert(“按钮单击”)
}
例如:
xmlHttp.onreadystatechange=function(){
处理请求的状态变化
if(xmlHttp.readyState == ){
//可以处理服务端的数据,更新当前页面
}
}
异步对象的属性readyState:表示异步对象请求的状态变化
0:创建异步对象时,new XMLHttpRequest();
1:初始异步对象,xmlHttp.open()
2:发送请求,xmlHttp.send
3:从服务器端获取了数据,此时3,注意3是异步对象内部使用,获取了原始的数据。
4:异步对象把接收的数据处理完成后。此时开发人员在4时
异步对象的status属性,表示网络请求的状况的,200,404,500需要是当status==200时,表示网络请求是成功的
3)初始异步请求对象
异步的方法open()
xmlHttp.open(请求方式get|post),“服务器端的访问地址”,同步|异步请求(默认是true,例如:xmlHttp.open(“get”,”loginServlet?name=zs&ped=123”,true)));
4)使用异步对象发送请求
xmlHttp.send()
获取服务器返回的数据,使用异步对象的属性responseText
ajax发起请求----servlet(返回的一个json格式的字符串{ name:”河北”,jiancheng:”冀”,”shenghui”:”石家庄” })
4、json分类
1、json对象,JSONbject,这种对象的格式 名称:值,可以看做是key:value格式
2、json数据,JSONArray,基本格式{ {name:”河北”,jiancheng:”冀”,”shenghui”:”石家庄” } , {name:”河北”,jiancheng:”冀”,”shenghui”:”石家庄” } }
为什么要使用json:
1、json格式好理解
2、json格式的数据在多种语言中,比较容易处理。使用java,javascript读写json格式的数据比较容易。
3、json格式数据它占用的空间下,在网络中传输快,用户体验好。
在js中,可以把json格式的字符串转为json对象,json中的key,就是json对象的属性名。