Ajax的优缺点及工作原理?
2023-09-11 14:15:29 时间
定义和用法:
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
优点:
1.减轻服务器的负担,按需取数据,最大程度的减少冗余请求
2.局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验
3.基于xml标准化,并被广泛支持,不需安装插件等,进一步促进页面和数据的分离
缺点:
1.AJAX大量的使用了javascript和ajax引擎,这些取决于浏览器的支持.在编写的时候考虑对浏览器的兼容性.
2.AJAX只是局部刷新,所以页面的后退按钮是没有用的.
3.对流媒体还有移动设备的支持不是太好等
AJAX的工作原理:
1.创建ajax对象(XMLHttpRequest/ActiveXObject(Microsoft.XMLHttp))
2.判断数据传输方式(GET/POST)
3.打开链接 open()
4.发送 send()
5.当ajax对象完成第四步(onreadystatechange)数据接收完成,判断http响应状态(status)200-300之间或者304(缓存)执行回调函数
相关文章
- PHP 实例 - AJAX 实时搜索
- C# 动态创建SQL数据库(二) 在.net core web项目中生成二维码 后台Post/Get 请求接口 方式 WebForm 页面ajax 请求后台页面 方法 实现输入框小数多 自动进位展示,编辑时实际值不变 快速掌握Gif动态图实现代码 C#处理和对接HTTP接口请求
- MVC之Ajax.BeginForm使用详解之更新列表 mvc验证jquery.unobtrusive-ajax
- AJAX--注册时,用户输入用户名并失去焦点时,判断用户名是否可用
- Tomcat Ajax跨域访问
- 利用ajax技术实现数据get方式与post方式的实时传输与接收实验
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.6 技巧:不使用AJAX而链接至外部页面
- ajax概述
- 解释 AJAX 中请求的不同就绪状态
- ajax传递参数给springmvc
- 二、Ajax请求MVC中数据查询表返回datatable
- js跨域 ajax跨域问题解决
- JS中的Ajax发送请求获取数据流程
- Python学习---基于JQuery的Ajax实现[快捷+底层$.ajax]
- IFrame实现的无刷新(仿ajax效果)...
- Ajax系列之中的一个:ajax旧貌换新颜
- ajax页面刷新小错误(提交按钮type必须为button,而不能是submit)
- ajax全局事件
- springmvc-ajax json对象 用Map接受
- ajax 工作原理