ajax学习笔记
来源:互联网 发布:九宫图算法 编辑:程序博客网 时间:2024/05/16 08:58
其实ajax并不神秘,简而言之ajax就是一种可以避免页面刷新的情况下改变当前页面数据的一种技术。他改变了以前单一的浏览器发送请求,等待服务器回应的模式。转而实现了一种浏览器发送完请求之后,无需等待服务器回应浏览器依然可以做其他的处理动作。从架构上来讲就是将展示层和数据层分离,降低了耦合性。
最原始的实现Ajax效果的方法就是使用js。实现方法分三步:
第一步,实例化XMLHttpRequest(xhr)对象:
var xhr;
if(document.XMLHttpRequest){//创建XHR对象
xhr= new XMLHttpRequest();//创建本机对象
}else
{
xhr = new ActiveXobject("Microsoft.XMLHTTP");//创建ActiveX对象
}else{
alert("Can not use Ajax");
}
第二步,发送请求:
open(http_method,url,asynchronnous)(此方法有三种重载,这种重载的方法比较常用其他方法有需要的可以百度,这里就不在赘述)
xhr.open('GET','test.aspx?id=21',true);
send('');//执行服务器调用
第一个参数的就是给方法指定Http方法,主要是为了方便向服务器传递参数。一般用‘GET’和‘POST’当然这两种也是常用的(还有其他的这里不赘述),这两者的区别就是对参数安全性要求不同选择不同的参数。前者的传递的参数相对的安全性较低,数据量较小;后者则正好相反。这样说也许很明了,用户名密码的传递从考虑安全性的角度上讲我们首选post。虽然,数据量可能很小,但是数据量和安全性比起来他就显得渺小很多了。向上面的实例就是重写URL的方法将不重要的参数直接跟在URL的后面。
第三步,处理相应:
xhr.onreadystatechange=function(){
var ready = xhr.readyState;
if(ready==4)
{
parseCompletedResponse(xhr);//服务器将数据返回之后对数据处理的函数
}
};
readyState值包含:
0表示为初始化,
1表示正在加载,
2已加载,
3正在交互,
4完成;
在这里我们只需要判断状态是否为4即可。
以上就是最原始的ajax方法,可惜他并不像我们现在使用的那些ajax方法那样具有很强的兼容性。我之所以要写这些是向阐明一点不管任何所谓的库再怎么变化,其主要的部分是不变的。ajax并不是向我们想象中那么神秘,他其实就是和其他的库函数差不多。只要我们知道什么时候需要用怎么用他就好了,这也是他最主要的存在意义。
- ajax学习笔记---什么是Ajax
- [ajax 学习笔记] ajax初试
- Ajax学习笔记-Ajax数据格式
- AJAX学习笔记--慕课网Ajax
- Ajax学习笔记(一)
- Ajax学习笔记(二)
- Ajax学习笔记(三)
- Ajax学习笔记(四)
- Ajax学习笔记(五)
- Ajax学习笔记(六)
- Ajax学习笔记
- Ajax 学习笔记(1)
- Ajax 学习笔记(2)
- Ajax 学习笔记(3)
- Ajax Gossip学习笔记
- AJAX学习笔记--从零开始
- Ajax 学习笔记
- ajax学习笔记
- LeetCode33:Search for a Range
- DM8168的互连与内存映射
- 使用EasyUI Tree异步加载JSON数据 生成树
- EditText 按enter键后 焦点移动到最前
- 嵌入式实时操作系统uCOS II的分析
- ajax学习笔记
- ios中播放gif动画
- 制作yaffs根文件系统(tiny210开发板)
- Mysql 5.6 在性能、可伸缩性、可用性方面的新突破<一>
- [LeetCode] 克隆图 Clone a Graph
- 青岛大学CSDN高校俱乐部招贤纳才了!!!
- delete和delete[] 的区别
- Jquery json 一般处理程序 .net
- Gson与Fastjson性能比较