Ajax这些你真的都知道吗, 了解一下

来源:纬博赛特    浏览:269次    2018-12-04

Ajax是什么

Ajax = Asynchronous Javascript And XM(异步JavaScript和XML)。首先,它不是一门新的语言,而是一种用于创建交互式网页应用的网页开发技术。最大的作用是在不重载整个页面的情况下进行局部数据的更新,从而让用户获得更好的浏览体验。

Ajax原理

Ajax原理

以表单提交为例,每当我们点击提交按钮之后整个页面就会刷新,其实就是一次http请求对应一个页面,也是基本的web工作原理。有时候,我们并不需要一个网页内所有内容全部刷新。而Ajax技术通过核心对象XMLHTTPRequest,使用JavaScript向服务器发出数据请求,可以在不加载整个页面的情况下交换部分数据,进而解决了上面的问题。

向服务器发送请求

如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法: xmlhttp.open("GET","/getUserName",false); xmlhttp.send();

XMLHttpRequestxmlhttp.open

在 onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。所以当 readyState 等于 4 且状态为 200 时,表示响应已就绪。

Ajax应用案例

最早大规模使用AJAX的就是Gmail,Gmail的页面在首次加载后,剩下的所有数据都依赖于AJAX来更新。其他使用AJAX的应用程序案例还有:谷歌地图、腾讯微博、优酷视频、人人网等等。