1、学习目标学习目标1、解答、解答48讲讲Ajxa常见问题常见问题2、方法、方法XHR.readyState五种状态五种状态3、方法方法XHR.status常见的几种状态常见的几种状态4、实例操作并学习一个、实例操作并学习一个PHP等待函数等待函数Sleep(第第49讲讲) Ajax+PHP打造等待进度条效果(二)打造等待进度条效果(二)(第第49讲讲) Ajax+PHP打造等待进度条效果(二)打造等待进度条效果(二)1、解答、解答48讲讲Ajxa常见问题常见问题 (1) js脚本缓存问题脚本缓存问题 答:这个问题是大家遇到最常见问题之一,因为修改了答:这个问题是大家遇到最常见问题之一,因为修改了
2、js内容调试的时候内容调试的时候并不能显示新写代码的结果,是因为并不能显示新写代码的结果,是因为js为了加速页面执行,当前页面会使用缓存保持为了加速页面执行,当前页面会使用缓存保持当前调用的相同连接。为了开发时调试方便可以在连接地址的后面增加一个随机函数。当前调用的相同连接。为了开发时调试方便可以在连接地址的后面增加一个随机函数。 如原地址:如原地址:for.php 增加随机后增加随机后 for.php?1293874 (2) 本地调试本地调试js脚本不起作用脚本不起作用 答:因为使用答:因为使用ajxa传递参数的时候需要传递参数的时候需要head支持,所以我们只有在站点下才可以支持,所以我们
3、只有在站点下才可以成功,比如我们放在成功,比如我们放在Apache下面或者下面或者IIS下面进行调试。下面进行调试。 (3) 调试代码查找错误困难调试代码查找错误困难 答:这是答:这是js调试存在已久的问题,简单点我们可以使用调试存在已久的问题,简单点我们可以使用ie默认提示的错误框,还有就默认提示的错误框,还有就是我们可以使用是我们可以使用DW CS4提供的纠正错误,或者通过专业的插件如:提供的纠正错误,或者通过专业的插件如:firbug 等等(第第49讲讲) Ajax+PHP打造等待进度条效果(二)打造等待进度条效果(二)2、方法、方法XHR.readyState五种状态五种状态0:请求未
4、初始化,还没有调用:请求未初始化,还没有调用 open()。 1:请求已经建立,但是还没有发送,还没有调用:请求已经建立,但是还没有发送,还没有调用 send()。 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。 3:请求在处理中;通常响应中已有部分数据可用了,没有全部完成。:请求在处理中;通常响应中已有部分数据可用了,没有全部完成。4:响应已完成;您可以获取并使用服务器的响应了。:响应已完成;您可以获取并使用服务器的响应了。XHR.readyState = 状态(状态(0,1,2,3,4)(第第49讲讲) Ajax+
5、PHP打造等待进度条效果(二)打造等待进度条效果(二)3 、方法、方法XHR.status常见的几种状态常见的几种状态100客户必须继续发出请求客户必须继续发出请求101客户要求服务器根据请求转换客户要求服务器根据请求转换HTTP协议版本协议版本200成功成功201提示知道新文件的提示知道新文件的URL300请求的资源可在多处得到请求的资源可在多处得到301删除请求数据删除请求数据404没有发现文件、查询或没有发现文件、查询或URl500服务器产生内部错误服务器产生内部错误XHR.status = 200,300,404 等等(第第49讲讲) Ajax+PHP打造等待进度条效果(二)打造等待进度条效果(二)4、实例操作并学习一个、实例操作并学习一个PHP等待函数等待函数SleepSleep函数,可以理解为等待函数或者睡眠函数,执行到该函数根据设置的时间函数,可以理解为等待函数或者睡眠函数,执行到该函数根据设置的时间再继续往下执行再继续往下执行sleep(秒)(秒)Lets GO