AJAX

ajax的全称:Asynchronous JavaScript and XML(异步的JavaScript和XML);

Ajax不是某种编程语言:是一种在无需重新加载整个网页的情况下能够更新部分网页技术。

Ajax改变了web的开发布局,

XMLHttpRequest 可以实现后台与服务器端的数据交互,而不需要重新加载页面。

                  概念介绍

.运用HTML和css来实现页面,表达信息;

.运用XHLHttpRequest和web服务器进行数据的异步交换;

.运用JavaScript操作DOM,实现动态局部刷新;

XMLHttpRequest对象这是我们要解决的第一个问题XHR;

var request = new XMLHttpRequest();

有些游览器不支持

var request;

if(window.XMLHttpRequest){

request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safar;

}else{

request = new ActiveXobject("Microft.XMLHTTP");//IE6,IE5

http是一种无状态的协议:

概念介绍-HTTP请求

一个完整的HTTP请求过程,通常有下面7个步骤:

1.建立TCP连接

2.Web浏览器向web服务器发送请求命令

3.web浏览器发送请求头信息

4.web服务器应答

5.web服务器发送应答头信息

6.web服务器浏览器发送数据

7.web服务器关闭Tcp连接

一个http请求一般由四部分组成:

1.http请求的方法或动作,不如是get还是post请求

2.正在请求的url,总得知道请求的地址是什么吧

3.请求头,包含一些客户端环境信息,身份验证信息等

4.请求体,也就是请求的正文,请求正文中可以包含客户提交的查询字符串信息,表单信息等等;

. get :一般用于信息获取

使用url传递参数

对所发送信息的数量也有限制,一般在2000个字符

。post :一般用于修改服务器上的资源。

对所发送信息的数量无限制

.readyState属性

-0:请求未初始化,open还没有调用

-1:服务器连接建立,哦喷已经调用了

-2:请求已接受,也就是接受到头信息了

-3:请求处理中,也就是接收到响应主体了

-4:请求已经完成,且响应已就绪,也就是响应完成了

监听 readyState 的状态

var request = new XMLHttpRequest();

request.open("GET","get.php",true);

request.send();

request.onredystatechange =function(){

is(request.readyState===4&&request.status===200){

//做一些事情request.responseText

}

}

原文地址:https://www.cnblogs.com/jiuyuetian/p/6293214.html