基于jQuery框架的Ajax应用开发.pdf

学兔兔 訇 化 l 基于jQuery框架的Ajax应用开发 Ajax application development based on jQuery framework 赵增敏。李惠敏 ZHA0 Zeng．min．LI Hui．rnin (河南信息工程学校，郑州450008) 摘 要：通过~jquery框架的AJax功能的分析，使用PHP作为Web开发技术并以MySQL作为后台数据 库，提出了一种基于jQuery框架实现AJaX异步请求和页面局部刷新的方法，并实现了用户名 即时验证和表单数据的检测功能，还给出了防止产生乱码的解决方案。本文介绍了上述功能 的详细实现步骤并给出了关键代码。 关键词：jQuery； OX；异步请求 中图分类号：TP319 文献标识码：A 文章编号：1 009-01 34(201 2)1 0(上)-ooi 8-02 Doi：1 0．3969／J．issn．1 009-01 34．201 2．1 0(上)．07 0 引言 CREATE TABLE users( Ajax是使用客户端脚本与Web服务器交换数 usemame varchar(1 0)NOT NULL， 据的Web应用开发技术。近年来该技术在Web应 password varchar(1 2)NOT NU LL， 用开发中得到越来越多的应用。实际上Ajax是一 PRIMARY KEY(usemame) 、ENGINE=InnoDB DEFAULT CHARSET 组现有技术的无缝整合。XMLHttpRequest对象 =gb2312； (简称为XHR)是Ajax技术的核心，在JavaScript 脚本中可使用该对象来实现对服务器的异步请求， 2 创建用户注册页面 即在后台发送请求并接收服务器响应，并使用响 创建一个PHP页并命名为reg．php。该页面的 应的数据来更新局部页面，以改进用户体验。使 功能是注册新用户。在输入用户名的过程中，一 用传统方法进行Ajax应用开发包括一系列步骤， 旦光标离开相应的文本框，便通过jQuery脚本请 整个编程过程颇为烦琐。jQuery是一个轻量级的 求服务器上的验证用户页面checkuser．php，并即时 Ajax框架，它对XMLHttpRequest对象进行了良好 显示所输入的用户名是否可用。如果在提示用户 的封装，提供了一套完整的Ajax功能，极大地简 名不可用的情况仍然提交表单数据，则通过PHP 化了Ajax应用开发过程。本文结合常用的用户注 服务器代码进行处理。 册模块探讨了jQuery框架在Ajax开发的应用，以 2．1创建注册表单 简洁方式实现了Ajax异步请求并实现用户名即时 在reg．php页中创建一个注册表单，HTML代 验证和表单数据检测等功能。