扣丁学堂Java培训之Ajax异步请求

2018-02-01 10:47:34 497浏览

Ajax简介


1、Ajax：（AsynchronousJavaScriptAndXML）只刷新局部页面的技术。

它不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术，是基于JavaScript、XML、HTML、CSS新用法。

JavaScript：更新局部的网页

XML：一般用于请求数据和响应数据的封装

XMLHttpRequest对象：发送请求到服务器并获得返回结果

CSS：美化页面样式

异步：发送请求后不等返回结果，由回调函数处理结果

使用场景：

a)搜索

b)地图

c)校验

d)获取数据

2、Ajax交互模型


传统web交互方式

Ajax的交互方式


3、关键技术点

XMLHttpRequest对象

XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。所有现代浏览器均支持XMLHttpRequest对象（IE5和IE6使用ActiveXObject）。

a)创建对象的语法：

variable=newXMLHttpRequest();

老版本的InternetExplorer（IE5和IE6）使用ActiveX对象：

variable=newActiveXObject("Microsoft.XMLHTTP");

向服务器发送请求

如需将请求发送到服务器，我们使用XMLHttpRequest对象的open()和send()方法。

语法：open(method,url,async)和xmlhttp.send()。

onreadystatechange事件

当请求被发送到服务器时，我们需要执行一些基于响应的任务。每当readyState改变时，就会触发onreadystatechange事件。readyState属性存有XMLHttpRequest的状态信息。下面是XMLHttpRequest对象的三个重要的属性：

onreadystatechange

存储函数（或函数名），每当readyState属性改变时，就会调用该函数。

readyState

存有XMLHttpRequest的状态。从0到4发生变化。

·0:请求未初始化

·1:服务器连接已建立

·2:请求已接收

·3:请求处理中

·4:请求已完成，且响应已就绪

status

200:"OK"

404:未找到页面

如需获得来自服务器的响应，请使用XMLHttpRequest对象的responseText或responseXML属性。

4.案例

以上就是关于扣丁学堂Java培训之Ajax异步请求的详细介绍，最后想要学习JavaEE培训课程的小伙伴可以联系我们扣丁学堂的咨询老师，我们这里有配套的JavaEE视频教程课程，在你成为JAVA开发工程师的道路上助你一臂之力，或者直接加入扣丁学堂学习交流群：670348138。

【关注微信公众号获取更多的学习资料】

查看更多关于“Java开发资讯”的相关文章>>