退役了退役了-AJAX,退役退役-AJAX
退役了退役了-AJAX,退役退役-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
-------------------------
哎,意志还是不够强大啊。。。不写了今天,明天必须完成这个,其他的再说!