Ajax

1、全局刷新和局部刷新

全局刷新:整个浏览器被新的数据覆盖。在网络中传输大量的数据。浏览器需要加载,渲染页面。

局部刷新:在浏览器的内部,发起请求,获取数据,改变页面中的部分内容。其余的页面无需加载和渲染。网络中数据传输量少,给用户的感受好。

Ajax是用来局部刷新的。局部刷新使用的核心对象是异步对象(XMLHttpRequest

这个对象是存在在浏览器内存中的,使用javascript语法创建和使用XMLHttpRequest

2、AjaxAsynchronous Javascript andXML(异步的JavaScript XML),只是一种做局部刷新的新方法(2003左右),在浏览器中执行

Asynchronou:异步的意思

JavascriptJavascript脚本在浏览器中执行,负责创建异步对象,发送请求,更新页面的dom对象。Ajax请求需要服务器端的数据。

Xml:是一种数据格式。网络中的传输数据格式。使用json替换了xml

Ajax包含的技术有javascriptdomcssxml等,核心是javascriptxml

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属性,表示网络请求的状况的,200404500需要是当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”:”石家庄” }

 

4json分类

1json对象,JSONbject,这种对象的格式  名称:值,可以看做是key:value格式

2json数据,JSONArray,基本格式{ {name:河北”,jiancheng:””,”shenghui”:”石家庄” } , {name:”河北”,jiancheng:””,”shenghui”:”石家庄” } }

 

为什么要使用json

1、json格式好理解

2、json格式的数据在多种语言中,比较容易处理。使用javajavascript读写json格式的数据比较容易。

3、json格式数据它占用的空间下,在网络中传输快,用户体验好。

js中,可以把json格式的字符串转为json对象,json中的key,就是json对象的属性名。

转载请注明出处:https://www.cnblogs.com/stu-jyj3621
原文地址:https://www.cnblogs.com/stu-jyj3621/p/14578714.html