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);

原创粉丝点击