第49讲 Ajax+PHP打造等待进度条效果（二）.ppt

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