XMLHttpRequest对象

http 是一种无状态协议

什么是无状态协议？

不建立持久连接，服务端不保留连接的相关相关信息，客户端向服务器发出请求，web服务器返回响应，接着连接就被关闭了，如果后续处理需要之前的响应的相关信息，需要重新发送请求

 

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：一般用于修改服务器上的资源，对发送信息的数量无限制

 

一个http响应一般由3部分组成：

1、数字和文字组成的状态码，用来告诉客户端请求成功还是失败

2、响应头，同请求头，包括服务器相关信息，比如服务器类型、日期时间、内容类型和长度等

3、响应体，也就是响应正文

 

http状态码

一般由3位数字构成，其中首位数字定义了状态码类型：

1XX：信息类，表示收到web浏览器请求，正在进一步的处理中

2XX：成功，表示用户请求被正确接收，理解和处理。比如 200

3XX：重定向，表示请求没有成功，客户必须采取进一步的动作

4XX： 客户端错误，表示客户端提交的请求有错误，例如： 404 表示请求中所引用的文档不存在

5XX：服务器错误，表示服务器不能完成对请求的处理，例如：500

 

XMLHttpReques发送请求

open（method，url，async）

send（string） get方法参数可以不填写，post参数一般不能为空

request.open('post','create.php',true);

request.setRequestHeader("Content-type","application/x-www-form-urlencoded");

request.send("name=王二狗&sex=男")

 

XMLHttpReques取得响应

responseText： 获得字符串形式的响应数据

responseXML： 获得XML形式的响应数据

status和statusText：以数字和文本形式返回http状态码

getAllResponseHeader：获取所有的响应报头

getResponseHeader()：查询响应中的某个字段的值

 

readyState属性

0：请求未初始化，open还没有调用

1：服务器以建立连接，也就是open已经调用了

2：请求已接收，也就是接收到头信息了

3：请求处理中，接收到响应主体了

4：请求已完成，响应已就绪，也就是响应完成了

var request = new XMLHttpRequest();
request.open("get","get.php",true)
request.send();
request.onreadystatechange = function(){
    if(request.readyState === 4){
        if(request.status === 200){
            alert(request.responseText);
        }else{
            alert(request.status)
        }
   }
}

var request = new XMLHttpRequest();
request.open("post","get.php",true)
var data = ""
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
request.send(data);
request.onreadystatechange = function(){
    if(request.readyState === 4){
        if(request.status === 200){
            alert(request.responseText);
        }else{
            alert(request.status)
        }
   }
}

 

PHP: 一种创建动态交互性站点的服务器端脚本语言，能够生成动态页面内容，能够创建、打开、读取、写入、删除以及关闭服务器上的文件，能够接受表单数据并处理，能够发送并取回cookies，能够添加、删除、修改数据库中的数据、能够限制用户访问万战中的某些页面，能够对数据进行加密、解密……

php脚本以<?php开头，以？>结尾，默认文件扩展名是.php,语句以分号结尾

fiddler