关于ajax如何实现异步

您所在的位置:网站首页 ajax异步处理实现原理 关于ajax如何实现异步

关于ajax如何实现异步

2024-06-18 05:24| 来源: 网络整理| 查看: 265

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) 创建一个该对象

 

var xmlHttp = new XMLHttpRequest();//暂时不考虑浏览器兼容问题 ·open():建立到服务器的新请求。 ·send():向服务器发送请求。 ·abort():退出当前请求。 ·readyState:提供当前 HTML 的就绪状态。 ·responseText:服务器返回的请求响应文本。

5. 普通的web应用程序

     (1) 在普通的web应用程序中,用户填写表单字段并点击提交按钮,然后浏览器将整个表单发给服务器,服务器将它发给处理表单的程序(通常是php,java等),程序执行完以后就返回一个带有数据的全新的页面给浏览器。用户得不到立即反馈,因此感觉不同于桌面应用程序。

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3