摘要:ajax:无刷新数据读取,读取服务器上的信息 ## HTTP请求方法: GET:用于获取数据,如浏览帖子
Ajax基础
ajax:无刷新数据读取,读取服务器上的信息
HTTP请求方法:
GET:用于获取数据,如浏览帖子
ajax.judgeXmlHttpRequest('get','index.php',function(data){ alert(data);//这是服务器返回的数据})
POST:用于上传数据,如用户注册
vardataJson = { name:'ys',age:123}ajax.judgeXmlHttpRequest('post','index.php',function(data){ alert(data);//这是服务器返回的数据},dataJson)
GET与POST的区别:
GET:通过网址传递(放入url中),会将传递的数据放到网址上面,名字=值&名字=值
get方式容量小,安全性低,有缓存
POST:不通过网址传递
post容量较大,一般可达2G,安全性相对较高,没有缓存
原生Ajax的编写
Ajax运行步骤
创建一个Ajax对象
非IE6浏览器:
varoAjax=newXMLHttpRequest();
IE6浏览器:
varoAjax=newActiveXObject("Microsoft.XMLHTTP");
连接到服务器
Ajax.open(方法,文件名,异步传输);
阻止缓存方法:
Ajax.open('GET','a.txt?t='+newDate().getTime(),true);
同步:js中指事情必须一件一件来
异步:js中指多件事情要一起做
ajax是做异步传输的,并不是同步
发送请求
Ajax.send();
接收返回值
请求状态监控:onreadystatechange事件:当自己的Ajax与服务器之间有通讯时触发,主要通过readyState属性来判断结束没有,结束了也并没有代表成功,status属性来判断
readyState属性:请求状态
0(未初始化)还没有调用open方法