Ajax: 1,全称Asynchronous Javascript and XML(异步的javascript和xml),2,Ajax 不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。
3,使用了ajax技术的网页通过在后台跟服务器进行少量的数据交换,网页就可以实现异步局部更新。
同步: 异步:
异步请求的实现:依赖于对象XMLHttpRequest()实现在不加载整个页面的情况下让后台与服务器实现数据的交换。
过程:1,运用html,css实现页面
2,运用XMLHttpRequest()对象实现与服务器进行异步数据交换;
3,运用js对dom进行操作实现动态局部刷新。
XMLHttpRequest()对象的创建:
由于ie5,ie6的兼容性问题不能直接 var request=new XMLHttpRequest();
兼容性代码:var request; if(window.XMLHttpRequest){ request=new XMLHttpRequest(); }else{ request=new ActiveXOnject("Microsoft.XMLHTTP"); }
HTTP:是一种无状态协议。
(1)完整的HTTP请求:
1建立TCP(传输控制协议)连接; 2web浏览器向web服务器发出请求; 3web浏览器发送请求头命令
4web服务器做出应答; 5web服务器发送应答头信息; 6web服务器发送数据; 7web服务器关闭TCP连接。
(2)一个HTTP请求的组成:1请求的方式Get或Post; 2请求的URL; 3请求头; 4请求体。
(3)get与post的比较;
1,get:一般用于获取信息,利用URL传递参数,对所有人可见,一般在2000字符 幂等
2,POST:用于服务器端资源的修改,字数无要求。
(4)Http响应的组成:
1,数字和文字组成的状态码; 2,响应头; 3,响应体;
* (5)HTTP状态码:
* (6)XMLHttpRequest()方法:
1,open(method,url,true/false) 异步为true
2,请求发送到服务器:send(string)
例子:request.open("post","q.php",true); request.send();
(7)XMLHttpRequest()的响应形式:
1,responseText 获取字符串型式的响应模式
2,responseXML 获取XML形式的响应
3,status和statusText 以数字和文本de 的形式获取状态码
4,getAllResponseHeader() 获取所有响应头部
5,getResponseHeader(string) 查询响应中的某个字段值
* (8)XMLHttpRequest()响应状态:
(9)完整的异步请求案例: