《PHP+Ajax》.ppt

* PHP100视频教程 官方网站： 学习目标 1、ajax是什么及其工作原理 2、创建XMLHttpRequest对象 3、XMLHttpRequest对象相关方法 (第12讲) Ajax+PHP快速上手及应用（一） PHP100视频教程 (第12讲) Ajax+PHP快速上手及应用（一） 1、ajax是什么及其工作原理 Ajax 由 HTML、JavaScript? 技术、DHTML 和 DOM 组成，这一杰出的 方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。 HTML页面 JS脚本 PHP文件 触发脚本 执行 反应 PHP100视频教程 (第12讲) Ajax+PHP快速上手及应用（一） 2、创建XMLHttpRequest对象 对于Ajax，最核心的一个对象是XMLHttpRequest，所有的Ajax操作都离不开对这 个对象的操作 xmlHttp = new XMLHttpRequest(); 首先我们来了解怎么在javascript中创建这个对象： JS代码： 这对于规范的Js支持的浏览器来讲是没错的 恰恰相反IE却就不支持，所以没办法我们只能 做个判断再创建一个IE支持的 xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); PHP100视频教程 (第12讲) Ajax+PHP快速上手及应用（一） 3、XMLHttpRequest对象相关方法 XMLHttpRequest.open(传递方式,地址,是否异步请求) XMLHttpRequest.onreadystatechange XMLHttpRequest.responseText 打开请求 准备就绪执行 获取执行结果 PHP100视频教程 (第49讲) Ajax+PHP打造等待进度条效果（二） 3 、方法XHR.status常见的几种状态 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 200——成功 201——提示知道新文件的URL 300——请求的资源可在多处得到 301——删除请求数据 404——没有发现文件、查询或URl 500——服务器产生内部错误 XHR.status == 200，300，404 等 PHP100视频教程 (第12讲) Ajax+PHP检查用户名或邮件（三） 1、Ajax技术实现用户名检查原理 填入用户名 触发控件 获得填写内容 ajax传递 查询数据库 返回结果 DOM反应到页面 学习重点： 1、页面触发的几种类型 2、获取表单内容 3、数据库查询技巧 *