AJAX技术在商城中的应用

《AJAX技术在商城中的应用》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、PHP+MySQL动态网页技术教程第12章AJAX技术在商城中的应用12.1项目导引：用户注册验证第7章介绍的用户注册过程是这样的，打开注册页面，填写注册信息，单击注册按钮完成用户注册过程，如果用户已经存在，会提示用户名已存在，然后，需要重新填写注册信息，这样很是麻烦。有没有一种办法，在我填写用户名或其它信息时，马上告诉我用户名是否存在或信息是否正确呢？不用单击注册按钮后再告诉我。Ajax技术就可以解决这个问题。基于Ajax的用户注册过程该如何开发？如何提升用户体验呢？12.2项目分析Ajax全称为“AsynchronousJavaScriptandXML”

2、(异步JavaScript和XML)，是指一种结合了JavaScript和XML等编程技术，用于创建交互式网页应用的Web开发技术。Ajax是使用客户端脚本与Web服务器异步交换数据的Web应用开发方法。使用Ajax可以在不中断交互流程的情况下，重新加载Web页面，从而实现动态跟新，并且是在用户没有感觉页面刷新的情况下，这大大提高了用户体验；使用Ajax可以创建接近本地桌面应用的、直接的、易用的、丰富的Web用户接口界面。12.2项目分析在传统Web应用中，HTML页面直接和服务器（PHP）进行交互，基于Ajax的Web应用中，Ajax脚本负责页面和服务器之

3、间的通信，采用异步交互模式。基于Ajax的用户注册过程需要创建3个页面，注册页面、Ajax程序页面和实现注册的PHP程序页面。注册页面负责收集用户信息，PHP程序页面接收、检查用户信息，将信息插入数据库，与之前不同的是，用户填写用户信息交给Ajax程序，Ajax程序再将信息交给PHP程序页面，并将返回的结果显示在注册页面。HTML页面Ajax脚本服务器（PHP）发送请求调用PHP文件返回相应结果解析响应并显示到页面DIV标签12.3技术准备12.3.1XMLHttpRequest对象1．XMLHttpRequest对象的常用方法open()方法打开一个新的H

4、TTP请求，并指定此请求的方法、URL等信息，语法如下：open("method","URL"[,asyncFlag[,"username"[,"password"]]]);method：用于指定请求的类型，一般为get或post；URL：用于指定请求的地址，可以使用绝对路径或者相对路径；asyncFlag：可选参数，布尔类型，用于指定是否允许异步传输；username：可选参数，指定请求用户名；password：可选参数，指定请求密码。12.3技术准备12.3.1XMLHttpRequest对象1．XMLHttpRequest对象的常用方法send()方法

5、send()方法用于将open()方法定义的请求发送到服务器，只有在XMLHttpRequest处于发送状态时才能使用send()方法，否则将会出现异常。当open()方法的参数asyncFlag为ture时，send()方法将这个请求立即发送，从而得到服务器端的响应。语法如下：send(content)参数content用于指定发送的数据。abort()方法abort()方法用于停止当前异步请求。12.3技术准备12.3.1XMLHttpRequest对象2．XMLHttpRequest对象的常用属性readyState属性该属性用于得到当前XMLHttp

6、Request的状态，它有5个值，分别代表不同的状态。取值状态描述0请求没有初始化，没有调用open()方法1已经调用open()方法，但没有发送，没有调用send()方法2已经通过send()方法将请求发送到服务器，但还没收到响应3已经接收到相应信息，但是还没有接收完4响应已经被完全接收12.3技术准备12.3.1XMLHttpRequest对象2．XMLHttpRequest对象的常用属性onreadystatechange属性当readyState属性表示的XMLHttpRequest状态发生变化时，XMLHttpRequest对象会激发一次ready

7、statechange事件，同时调用onreadystatechange属性所指的函数。responseText属性responseText属性获取服务器的响应结果。XMLHttpRequest对象接收成功返回的信息有两种处理方式。使用XMLHttpRequest对象的responseText属性，将传回的信息当字符串处理；使用XMLHttpRequest对象的responseXML属性，将传回的信息当XML文档使用，可以用DOM处理。12.3技术准备12.3.1XMLHttpRequest对象2．XMLHttpRequest对象的常用属性status属性s

8、tatus属性用于表示服务器端执行的过程，前面rea