ajax 工作原理
2023-09-11 14:22:19 时间
Ajax的优缺点及工作原理?
定义和用法:
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(缓存)执行回调函数
相关文章
- Ajax技术使用之ajax与模态框结合的妙用
- 面向 Java 开发人员的 Ajax: Google Web Toolkit 入门
- jquery与ajax应用
- struts2实现ajax校验的2种方法
- Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
- ajax 跨域 headers JavaScript ajax 跨域请求 +设置headers 实践
- Ajax框架及原理分析--视频
- 编写轻量ajax组件02-AjaxPro浅析
- Ajax学习
- ajax向服务端发送请求验证用户名是否可用小示例
- Ajax与select标签的组合运用
- Atitit webdav应用场景 提升效率 小型数据管理 目录 1.1. 显示datalist1 1.2. Ajax填充数据1 1.3. 编辑数据2 1.1.显示datalist
- Atitit vue.js 把ajax数据 绑定到form表单
- Ajax基础 同步请求与异步请求
- Python爬虫:分析ajax爬取今日头条街拍图片
- 【Java】【jquery】ajax垃圾问题
- AJAX - 服务器 响应
- 什么是 AJAX ?
- 异步通信技术AJAX | AJAX乱码问题、异步与同步、手动封装一个jQuery库