PHP课件35Aax五步走.docxVIP

传说中的Ajax（上） 目录  TOC \o 1-3 \h \z \u  HYPERLINK \l _Toc428264079 传说中的Ajax（上）  PAGEREF _Toc428264079 \h 1  HYPERLINK \l _Toc428264080 一、Ajax历史  PAGEREF _Toc428264080 \h 2  HYPERLINK \l _Toc428264081 1、历史起源  PAGEREF _Toc428264081 \h 2  HYPERLINK \l _Toc428264082 2、什么是Ajax  PAGEREF _Toc428264082 \h 2  HYPERLINK \l _Toc428264083 3、Web技术  PAGEREF _Toc428264083 \h 2  HYPERLINK \l _Toc428264084 4、同步请求与异步请求  PAGEREF _Toc428264084 \h 3  HYPERLINK \l _Toc428264085 1）同步请求  PAGEREF _Toc428264085 \h 3  HYPERLINK \l _Toc428264086 2）异步请求  PAGEREF _Toc428264086 \h 3  HYPERLINK \l _Toc428264087 5、快速入门  PAGEREF _Toc428264087 \h 3  HYPERLINK \l _Toc428264088 二、Ajax详解  PAGEREF _Toc428264088 \h 4  HYPERLINK \l _Toc428264089 1、Ajax对象  PAGEREF _Toc428264089 \h 4  HYPERLINK \l _Toc428264090 2、Ajax常用属性与方法  PAGEREF _Toc428264090 \h 5  HYPERLINK \l _Toc428264091 1）常用方法  PAGEREF _Toc428264091 \h 5  HYPERLINK \l _Toc428264092 2）常用属性  PAGEREF _Toc428264092 \h 6  HYPERLINK \l _Toc428264093 3、编写Ajax五步走  PAGEREF _Toc428264093 \h 6   一、Ajax历史 1、历史起源 1998年 微软公司 IE5浏览器 XMLHTTP （Outlook Web Access） 2005年 谷歌公司 Gmail邮箱、Google建议、Google地图… 2、什么是Ajax Asynchronous ：异步 JavaScript ：jS And ：和 XML ：可扩展标记语言（数据交换与存储） 解析：异步Javascript与XML 3、Web技术 客户端技术： Html Css Javascript 服务端技术： ASP(ASP.NET) JSP PHP 4、同步请求与异步请求 1）同步请求 2）异步请求 5、快速入门 demo01_rumen.html demo01.php 运行效果： 二、Ajax详解 1、Ajax对象 使用Ajax必须有一个前提：必须要???建一个Ajax对象，由于Javascript代码是基于客户端浏览器的，所以Ajax对象也有两种不同的创建方式： IE内核浏览器（IE8以下版本）下创建方式如下： var Ajax对象 = new AcitveXObject(‘Microsoft.XMLHTTP’); W3C内核浏览器（Google浏览器，***极速浏览器）下创建方式如下： 2、Ajax常用属性与方法 1）常用方法 ① open(method,url) ：初始化Ajax对象 参数说明： method：请求方法，get请求或post请求 url：请求的url地址 ② setRequestHeader(header,value) ：设置请求头信息 参数说明： header：请求头参数 value：请求头的值 ③ send(content) ：发送Ajax请求 参数说明： content代表发送Ajax请求时所传递的参数或内容 如果是get请求，此参数为null 如果是post请求，此参数为要发送的数据 2）常用属性 onreadystatechange ：当Ajax状态码发生改变所触发的回调函数 readyState ：Ajax状态码 0：表示对象已建立，但未初始化 创建