关于ajax如何实现异步

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等），程序执行完以后就返回一个带有数据的全新的页面给浏览器。用户得不到立即反馈，因此感觉不同于桌面应用程序。

所以ajax也是一个神奇的技术了。