分享
分享赚钱 收藏 举报 版权申诉 / 29

类型第15章 AJAX与PHP——动态更新.ppt

  • 上传人:fmgc7290
  • 文档编号:4856764
  • 上传时间:2019-01-16
  • 格式:PPT
  • 页数:29
  • 大小:583KB
  • 配套讲稿:

    如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制:

    部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词:
    第15章 AJAX与PHP——动态更新.ppt
    资源描述:

    1、第15章 AJAX与PHP动态更新模块,AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。该技术源自描述从基于网页的Web应用到基于数据的应用的转换。使用异步传输模式,将大部分处理放在客户端,这样可以减轻服务器的负担,从而提高用户的浏览体验。本章就来介绍如何在PHP中使用AJAX技术。 在本章中,将重点学习以下内容: 什么是AJAX XMLHTTPRequest对象 发送请求并处理响应 综合应用实例,15.1 AJAX简介,开始学习如何使用AJAX之前,先来介绍一下,什么是AJAX、AJA

    2、X的特性以及如何创建一个最简单的AJAX程序。通过本节内容的学习,可以使读者AJAX有一个大致的了解。为后续内容的学习奠定基础。,15.1.1 什么是AJAX,Ajax的全称是:Asynchronous JavaScript and XML(异步JavaScript和XML)。仅从这个组合的名称上就可以看出:Ajax其实并不是一种独立的技术,它实际上是几种技术的组合体(异步处理技术、JavaScript技术以及XML技术)。而且这些技术中,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术。AJAX由以下内容组成: 使用基于WEB标准(standards-based presentat

    3、ion)的XHTML(可扩展标识语言)+CSS(层叠样式表)表示; 使用DOM(Document Object Model文档对象模组)进行动态显示及交互; 使用XML(XML source-tree XML源树)和XSLT(XML result-tree XML结果树)进行数据交换及相关操作; 使用XMLHttpRequest(XML Http请求)进行异步数据查询、检索,JavaScript中的XMLHttpRequest对象是AJAX的最为核心的内容; 使用JavaScript(JavaScript脚本语言)将所有的东西绑定在一起。,15.1.1 什么是AJAX,15.1.2 AJAX的

    4、作用,上一小节为读者介绍了AJAX相关的基础知识。那么AJAX在Web编程方面都有哪些应用呢?本小节为读者介绍下AJAX在异步通信与网页无刷新效果实现这两方面的应用。 1异步通信 2无刷新效果的实现,15.1.3 简单的AJAX程序,前面两小节向读者介绍了什么是AJAX以及AJAX所能达到的效果等内容。本小节将向读者介绍第一个AJAX的hello world程序。这里只是演示一下,如何使用AJAX实现相应的效果,关于其具体内容将在下一节详细向读者说明。,15.2 XMLHTTPRequest对象,前15.1.1小节介绍什么是AJAX时就曾提到过:JavaScript中的XMLHTTPReque

    5、st对象是AJAX的核心。这一节就重点向读者介绍什么是XMLHTTPRequest对象、其常见的方法与属性以及如何使用该对象构建AJAX的前台以实现异步与无刷新的功能等内容。,15.2.1 对象简介,XMLHTTPRequest对象最在是在IE5中以ActiveX组件形式实现的。由于该对象在其最早出现时,只能在IE中使用所以当时并没有得到广泛的关注,也没有太多的网络开发人员去使用。随着XMLHTTPRequest对象的不断发展,其优势也越来越明显的表现出来。人们不能再对它视而不见了,而更多原来并不支持它的浏览器也开始对它提供了支持。虽然因为XMLHTTPRequest对象不是标准,在不同浏览器

    6、上表现有些许的区别,但是它的大多数方法和属性都得到了很好的支持。,15.2.2 对象属性,XMLHTTPRequest对象的属性。,15.2.3 对象方法,XMLHTTPRequest对象的方法。 下面将详细对这些方法做介绍: 1open() 2send() 3setRequestHeader() 4abort() 5getAllResponseHeaders() 6getResponseHeader(),15.2.3 对象方法,15.2.4 构建应用,上一小节为读者介绍了XMLHTTPRequest对象的常用的属性及方法,这一节就综合使用其内容来构建实际可运行的AJAX应用。 该实例由前台与

    7、后台两部分组成,前台让用户输入一个用户名并提交到后台处理。后台则在获取前台内容后,与库存的用户名进行比对,如果已经存在同名用户则给出提示:存在同名用户,请选择新的用户名;否则,则提示用户名可用。前台获取后台给出的相应内容,在前台将指定的提示显示出来。,15.2.4 构建应用,15.3 发送请求并处理响应,上一节为读者介绍了简单的XMLHTTPRequest对象的应用。这一节继续来学习更加复杂的应用:向服务端发送请求,并处理服务端的响应。,15.3.1 使用POST发送请求,查看15.2.4小节的例子:frontend.htm可以发现:其中使用到了表单获取用户输入数据,并将此数据作为向服务器请求

    8、地址的一部分: xmlHttp.open(“GET“,“backend.php?name=“+name,true); 这句代码的意思就是使用GET方法打开后端处理程序backend.php,并将name=name(用户输入内容)的参数传递给backend.php这个服务端进行处理。,15.3.1 使用POST发送请求,15.3.2 向服务端发送XML,前面所介绍的向服务端发送的查询串都是一些简单的内容,而使用XMLHTTPRequest对象除了可以发送简单串之外还支持向服务端发送XML数据。本节就来看下,如何在前端发送XML数据,以及如何在后台处理XML数据。 把XML发送的服务端与使用POS

    9、T发送名/值对的方法非常类似。不同的只是把发送的内容由变量名/值对构成的字符串变为XML内容即可。,15.3.2 向服务端发送XML,15.3.3 处理服务器响应,前面所介绍的服务端均返回为普通字符串:处理普通字符串比较容易,在前台使用:responseText属性即可获取文本内容并处理。除了返回普通文本,服务器端还能返回XML内容。这一节来介绍如何处理服务器的XML输出响应。,15.3.3 处理服务器响应,15.4 综合应用实例,前面几节介绍了AJAX的简单应用、XMLHTTPRequest对象的使用以及如果发送请求并处理响应。这一节来综合前面所介绍的知识来介绍几个经典的AJAX应用实例。内

    10、容包括:提示用户名是否可用、显示用户登录信息、动态更新用户信息以及动态提示可用内容等。,15.4.1 提示用户名状态,在用户注册模块中,通常所采用的方式都是用户在前台输入完整的注册信息,然后将所有内容提交到后台。后台首先判断用户名是否可用即是否存在同名用户,如果可用则将用户信息入库反之给出提示并返回上一页重新让用户输入。采用这样的方法非常浪费用户的时间,如果能在用户输入用户名后,直接在前台给出提示,用户就可以直接换一个新的用户名。这样一方面节约的用户的注册时间,另一方面也减轻了服务器处理数据的负!采用AJAX即可轻松实现这种机制。,15.4.1 提示用户名状态,15.4.2 显示用户登录信息,

    11、如今的一些Web应用程序都会提供这样的功能:当用户没有登录时,在某个固定位置显示登录界面让用户登录;而当用户输入信息并登录时,原来显示登录界面的位置则会显示用户的登录信息。这种人性化的设计,非常便于用户使用。本小节就使用PHP+AJAX来制作显示用户登录的简单模块。,15.4.2 显示用户登录信息,15.4.3 动态编辑页面内容,动态编辑页面内容常见于博客中,在博客的页面编辑状态,用户可以手动更改页面的某些内容。保存之后,将以新输入的内容显示。使用AJAX也可很容易的实现该功能。 动态编辑页面内容也由前台与后台两部门分组成,重点在前台内容。前台用于在层上显示编辑框,并把用户输入内容提交到后台,

    12、以及处理后台响应等。,15.4.3 动态编辑页面内容,15.4.4 动态提示可用内容,使用过Google服务的读者应该会注意到Google搜索框的神奇之处。在搜索框中输入一个内容,在其下方就会出现相关的含有用户输入内容的一组文本。用户单击其中的内容就可以实现对这些相关内容的搜索。本节就使用PHP+AJAX来实现这一效果。,15.5 本章小结,本章为读者介绍了PHP中的AJAX的操作。通过本章内容的学习读者可以体会到,使用PHP结合AJAX的异步传输模式,可以实现很多使用传统PHP无法完成的任务。另外,使用AJAX不仅能在页面发送中节省用户的时间,而且能够充分利用客户端的处理器资源,在相当程度上减轻服务器的处理负担。熟练掌握本章内容必将为用户创建高效、新颖、酷炫的Web应用程序提供更多的可能。,

    展开阅读全文
    提示  道客多多所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:第15章 AJAX与PHP——动态更新.ppt
    链接地址:https://www.docduoduo.com/p-4856764.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    道客多多用户QQ群:832276834  微博官方号:道客多多官方   知乎号:道客多多

    Copyright© 2025 道客多多 docduoduo.com 网站版权所有世界地图

    经营许可证编号:粤ICP备2021046453号    营业执照商标

    1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png 10.png



    收起
    展开