ajax如何实现异步刷新
(1) Ajax 基本上就是把 JavaScript 技术和 XMLHttpRequest 对象放在 Web 表单和服务器之间。当用户填写表单时,数据发送给一些 JavaScript 代码而不是 直接发送给服务器。相反,JavaScript 代码捕获表单数据并向服务器发送请求。同时用户屏幕上的表单也不会闪烁、消失或延迟。换句话说,JavaScript 代码在幕后发送请求,用户甚至不知道请求的发出。更好的是,请求是异步发送的,就是说 JavaScript 代码(和用户)不用等待服务器的响应。因此用户可以继续输入数据、滚动屏幕和使用应用程序。
(2) 然后,服务器将数据返回 JavaScript 代码(仍然在 Web 表单中),后者决定如何处理这些数据。它可以迅速更新表单数据,让人感觉应用程序是立即完成的,表单没有提交或刷新而用户得到了新数据。JavaScript 代码甚至可以对收到的数据执行某种计算,再发送另一个请求,完全不需要用户干预!这就是 XMLHttpRequest 的强大之处。它可以根据需要自行与服务器进行交互,用户甚至可以完全不知道幕后发生的一切。结果就是类似于桌面应用程序的动态、快速响应、高交互性的体验,但是背后又拥有互联网的全部强大力量。
-------------------------------------------------------------------------------------------------------1. 什么是ajax?
(1) Asynchronous javascript and xml.不是一门新的编程语言,是基于js,xml,css,html的一种为了创建交互性更好的web应用程序的技术。
(2) web应用程序一般运行在某个服务器上,如果想要请求某个资源就需要等待服务器响应,等待页面刷新。而这似乎不是用户期待的。用户需要的是和桌面应用程序一样,点击一下就能够立即响应的页面。ajax的应用,就能是实现这样的效果。
2. 可以在哪些场景中应用ajax?
(1) 搜索引擎,输入的时候下方就出来搜索结果,而不需点=点击搜索按钮(jsp/html+css+js+ajax+sql+java/php/...)
(2) 登陆的时候判断用户名是否存在等等
3. ajax的实现运用到的基本技术
(1) Js(javascript):是运行ajax应用程序的核心,帮助改进与的服务器连接
(2) Html:建立web表单
(3) DHTML(HTML+CSS+JS):更新表单元素
(4) Dom:获取表单元素
4. 核心对象 xmlHttpRequest
(1) 这是一个javascript的对象
(2) 创建一个该对象
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();//暂时不考虑浏览器兼容问题
</script>
·open():建立到服务器的新请求。
·send():向服务器发送请求。
·abort():退出当前请求。
·readyState:提供当前 HTML 的就绪状态。
·responseText:服务器返回的请求响应文本。
5. 普通的web应用程序
(1) 在普通的web应用程序中,用户填写表单字段并点击提交按钮,然后浏览器将整个表单发给服务器,服务器将它发给处理表单的程序(通常是php,java等),程序执行完以后就返回一个带有数据的全新的页面给浏览器。用户得不到立即反馈,因此感觉不同于桌面应用程序。