Javaee学习小结3

最新推荐文章于 2023-11-28 12:57:56 发布

weixin_45455354

最新推荐文章于 2023-11-28 12:57:56 发布

阅读量187

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_45455354/article/details/102758490

版权

Ajax技术
为什么要有Ajax技术，在ajax出现之前我们用的都是同步请求在发送请求时候响应未结束前整个页面都不能操作用户体验是非常差的而且同步请求的最大缺点是即使要刷新页面中一小部分内容也要刷新整个页面，ajax问世后，最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行
ajax=异步+JavaScript+xml 用于创建快速动态网页
AJAX是基于现有的Internet标准
XMLHttpRequest 对象 (异步的与服务器交换数据)
JavaScript/DOM document(信息显示/交互)
CSS (给数据定义样式)
XML (作为转换数据的格式)
注意ajax应用程序与浏览器和平台无关的！

使用Ajax
在这里插入图片描述
XMLHttpRequest对象对象在后台与服务器交换数据创建XMLHttpRequest对象对象时候要注意游览器版本
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);

向服务器发送请求时候使用 XMLHttpRequest 对象的 open() 和 send() 方法：
ajax.open(“get”,“message” tureasync); 三个参数分别是method规定请求的类型（“get”、“post”）、请求的url（文件在服务器上的位置）以及是否使用异步 (tureasync：true（异步）或 false（同步）)

xmlhttp.send(); //真正向服务器发送请求

接受服务器响应使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
var result=ajax.responseText//获取服务器响应的数据

我们还可以使用时间onreadystatechange 事件每当 readyState 改变时，就会触发 onreadystatechange 事件readyState 等于 4 且状态为 200 时，表示响应已就绪