AJAX知识整理
来源:互联网 发布:数据库运行管理 编辑:程序博客网 时间:2024/06/08 08:03
ajax是异步加载数据,页面只需要向服务器请求改变的数据,不变的数据不需要重新加载。在客户端和服务器中,ajax充当的是“媒婆”的角色。客户端向服务器请求数据时,先把请求发给ajax,ajax再发送给服务器;服务器响应的过程就是请求的逆过程。
一、区分同步和异步
同步:客户端在请求,服务器在等待,同一时间只能进行一个进程
异步:页面没有刷新,服务器不需要等待的时间,几个进程可以同时进行
二、浏览器兼容问题
兼容IE7+、chorme、firefox、opera等
兼容IE6、7、8
兼容性处理
三、建立服务器连接
open第一个参数是提交方式,第二个参数是服务器的地址,第三个参数true表示异步加载,false是同步加载。
接收服务器返回的信息,格式有字符串(responseText)、XML(responseXML)、JSON这三种。因为ajax是异步加载数据,没有等待的时间,有可能会出现服务器还没来及返回数据客户端就输出了。因此要等服务器连接正常和服务器返回数据客户端才输出
四、get请求(发送字符串)
请求数据写在url地址后面
注意:
1、get请求不支持中文
2、get请求&、=符号与请求的字符串关键字相混淆
因此,返回来的数据需要进行编码
五、post请求(发送XML)
通过send发送数据
要将发送的字符串转成XML格式
setRequestHeader("Content-Type","application/x-www-form-urlencoded");
注意:
post请求可以请求中文,但是与&、=符号和关键字相混淆,所以也建议用encondeURLComponent编码
六、缓存
对于一些不需要缓存的数据,比如验证码、获取服务器动态数据,这些需要清除缓存。
方法一:在url地址中添加随机数,这样使得url是唯一的
req.open("get","1.php"+Math.random())
方法二:设置header头,禁止浏览器缓存改文件
header(Cache-Control:no-cache);
header("Pragma:no-cache");
header("Expires:-1);
- Ajax的知识整理
- AJAX知识整理
- AJAX知识整理
- 知识整理——AJAX
- Ajax知识整理稿件——1
- Java知识整理(二十二)之Ajax
- 前端重点知识整理(JavaScript)五:ajax
- 知识整理
- 知识整理
- 知识整理
- AJAX知识
- Ajax 知识
- AJAX知识
- ajax 知识
- 整理ajax
- ajax整理
- ajax整理
- 反射知识整理
- 怎么将PDF图纸转换成CAD图纸
- Java基础面试题
- 图片加载--glide
- Java中的[多对多]映射关联关系
- SQL批量替换
- AJAX知识整理
- android查看当前手机中的进程、优先级(命令)
- Spring Boot-配置devtools实现热部署
- python矩阵操作小例子
- 如何编写更好的SQL查询:终极指南-第一部分
- linux下PS1命令提示符
- docker的安装与使用(Mac环境下)
- 使用HTML语言和CSS开发商业站点_定位网页元素
- selenium 自动抢课——电子科大自动抢课脚本