退役了退役了-AJAX

hi

昨晚打球悲剧的把脚崴了。

要知道，上一次崴脚是四年前；那一次伤的是左脚，也是我这么多年打篮球的生涯中，这么多次崴脚中，最严重的一次受伤。休息了整整一个月，受寝室兄弟们的无微不至的照顾，最后也买了高贵的护踝，才得以重新复出的。　　

后来，再打球，我的左脚一般都是带着护踝的，平时的小崴基本没什么影响。四年过去了，昨晚算是好日子到头了。不幸的是，这次伤的是右脚，情况也是一样的严重。

不过，受个伤，也有自己的时间来思考平时浮躁中来不及触碰的东西了。福祸相依的说，php学习不能停哦。

1、AJAX

二、AJAX概念介绍

2.2 XMLHttpRequest对象创建

简写为XHR。

第一件事儿，实例化XHR对象。

var request=new XMLHttpRequest();

IE6之前的版本不支持，其他都可以。

2.3 Http请求

是计算机通过网络进行通信的一种规则。

是一种无状态的协议——不建立持久的连接。（没有记忆）

步骤：TCP连接，请求，应答，发送数据，关闭连接。

--请求

基本格式：方法和动作（GET还是POST）+URL+头（验证信息）+正文

GET：一般用于信息的获取，使用URL传递参数（所以字符有限制），是默认的Http方法；一般是安全的——因为GET只是获取信息，相当于查询，并不会更改数据；但是GET对所有人都是可见的。

POST：一般用于修改服务器上的资源（比如发送表单数据）；对其他人不可见，不使用URL，对发送数量无限制。

GET是幂等的（多少次的操作都不会有差别）。

--响应

基本格式：状态码（数字和文字）+响应头+响应体

-状态码：由三位数字开头，其中首位数字定义了状态码的类型：

1xx表示信息类，正在处理；

2xx表示成功；

3xx表示重定向，请求没有成功；

4xx，表示客户端错误，客户端提交的请求有误，比如404 not found，表示请求中所引用的文档不存在；

5xx，表示服务器错误，很令人头疼的情况，比如500.

2.4 XHR发送请求

两个好用的方法。

建立连接：request.open(method,url,async)——方法：GET和POST，url地址，同步还是异步（异步是true）

发送请求：request.send(string)——每次连接都应该open，所以这里的send就可以不写method，url

2.5 XHR取得/获取响应

用以下的方法或属性获取相应的数据：

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

responseXML：XML形式

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

getAllResponseHeader()：获取所有的响应报头

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

判断是否响应

readyState属性——01234，到4是响应完成。用下列程序可以监听，判断。

request.onreadystatechange=function(){

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

request.responseText

}

}

--一般步骤

new个XHR对象+open方法+send数据+对过程进行监听。

三、AJAX的简单的例子

3.1 简介

完成：查询员工信息，通过输入员工编号查询员工的基本信息+新建员工的信息，包含员工姓名，编号，性别，职位；

实现：纯html页面+PHP页面，用来实现查询员工和新建员工的后台接口；

3.2 服务器端实现

我这里用的是wamp集合端，很多东西都不用变。

然后编写程序在dreamwaver

-------------------------

哎，意志还是不够强大啊。。。不写了今天，明天必须完成这个，其他的再说！