2023年6月21日发(作者：)

訇　化　ｌ　基于ｊＱｕｅｒｙ框架的Ａｊａｘ应用开发　Ａｊａｘ　ａｐｐｌｉｃａｔｉｏｎ　ｄｅｖｅｌｏｐｍｅｎｔ　ｂａｓｅｄ　ｏｎ　ｊＱｕｅｒｙ　ｆｒａｍｅｗｏｒｋ　赵增敏。李惠敏　ＺＨＡ０　Ｚｅｎｇ．ｍｉｎ．ＬＩ　Ｈｕｉ．ｒｎｉｎ　（河南信息工程学校，郑州４５０００８）　摘要：通过￣ｊｑｕｅｒｙ框架的ＡＪａｘ功能的分析，使用ＰＨＰ作为Ｗｅｂ开发技术并以ＭｙＳＱＬ作为后台数据　库，提出了一种基于ｊＱｕｅｒｙ框架实现ＡＪａＸ异步请求和页面局部刷新的方法，并实现了用户名　即时验证和表单数据的检测功能，还给出了防止产生乱码的解决方案。本文介绍了上述功能　的详细实现步骤并给出了关键代码。　关键词：ｊＱｕｅｒｙ；　ＯＸ；异步请求　中图分类号：ＴＰ３１９　文献标识码：Ａ　文章编号：１　００９－０１　３４（２０１　２）１　０（上）－ｏｏｉ　８－０２　Ｄｏｉ：１　０．３９６９／Ｊ．ｉｓｓｎ．１　００９－０１　３４．２０１　２．１　０（上）．０７　０引言　Ａｊａｘ是使用客户端脚本与Ｗｅｂ服务器交换数　ＣＲＥＡＴＥ　ＴＡＢＬＥ　ｕｓｅｒｓ（　ｕｓｅｍａｍｅ　ｖａｒｃｈａｒ（１　０）ＮＯＴ　ＮＵＬＬ，　ｐａｓｓｗｏｒｄ　ｖａｒｃｈａｒ（１　２）ＮＯＴ　ＵＬＬ，Ｎ　ＰＲＩＭＡＲＹ　ＫＥＹ（ｕｓｅｍａｍｅ）　、ＥＮＧＩＮＥ＝ＩｎｎｏＤＢ　ＤＥＦＡＵＬＴ　ＣＨＡＲＳＥＴ　＝ｇｂ２３１２；　据的Ｗｅｂ应用开发技术。近年来该技术在Ｗｅｂ应　用开发中得到越来越多的应用。实际上Ａｊａｘ是一　组现有技术的无缝整合。ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象　（简称为ＸＨＲ）是Ａｊａｘ技术的核心，在ＪａｖａＳｃｒｉｐｔ　脚本中可使用该对象来实现对服务器的异步请求，　即在后台发送请求并接收服务器响应，并使用响　应的数据来更新局部页面，以改进用户体验。使　用传统方法进行Ａｊａｘ应用开发包括一系列步骤，　整个编程过程颇为烦琐。ｊＱｕｅｒｙ是一个轻量级的　Ａｊａｘ框架，它对ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象进行了良好　的封装，提供了一套完整的Ａｊａｘ功能，极大地简　化了Ａｊａｘ应用开发过程。本文结合常用的用户注　册模块探讨了ｊＱｕｅｒｙ框架在Ａｊａｘ开发的应用，以　２创建用户注册页面　创建一个ＰＨＰ页并命名为ｒｅｇ．ｐｈｐ。该页面的　功能是注册新用户。在输入用户名的过程中，一　旦光标离开相应的文本框，便通过ｊＱｕｅｒｙ脚本请　求服务器上的验证用户页面ｃｈｅｃｋｕｓｅｒ．ｐｈｐ，并即时　显示所输入的用户名是否可用。如果在提示用户　名不可用的情况仍然提交表单数据，则通过ＰＨＰ　服务器代码进行处理。　简洁方式实现了Ａｊａｘ异步请求并实现用户名即时　验证和表单数据检测等功能。　２．１创建注册表单　在ｒｅｇ．ｐｈｐ页中创建一个注册表单，ＨＴＭＬ代　码如下：　＜ｆｏｒｍ　ｍｅｔｈｏｄ＝”ＰＯＳＴ”ｎａｍｅ＝”ｆｏｒｍ　１”ｉｄ　＝１创建后台数据库　选择ＭｙＳＱＬ作为后台数据库服务器。为了存　储用户信息，可在ＭｙＳＱＬ服务器上创建一个ｗｅｂ　数据库并在其中添加一个ｕｓｅｒｓ表，为此可运行　”ｆｏｒｍｌ”＞　＜ｐ＞＜ｓｔｒｏｎｇ＞注册新用户＜／ｓｔｒｏｎｇ＞＜／ｐ＞　＜ｐ＞用户名：＜ｍｐｍ　ｔｙｐｅ－－”ｔｅｘｔ”ｎａｍｅ＝”ｕｓｅｍａｍｅ”　ｉｄ＝”ｕｓｅｒｎａｍｅ”＞＜ｓｐａｎ　ｉｄ＝”ｍｓｇ　ｌ”＞＜／ｓｐａｎ＞＜／ｐ＞　ｍｙｓｑｌ命令行工具输入并执行以下ＳＱＬ语句：　ＣＲＥＡＴＥ　ＤＡＴＡＢＡＳＥ　ｗｅｂ；　ＵＳＥｗｅｂ；　ＤＲＯＰ　ＴＡＢＬＥ　ＩＦ　ＥＸＩＳＴＳ　ｕｓｅｒｓ；　＜ｐ＞密码：＜ｉｎｐｕｔｔｙｐｅ＝’＇ｐａｓｓｗｏｒｄ＇’ｎａｍｅ＝’＇ｐａｓｓｗｏｒｄ＇’　ｉｄ＝”ｐａｓｓｗｏｒｄ”＞＜ｓｐａｎ　ｉｄ＝”ｍｓｇ２”＞＜／ｓｐａｎ＞＜／ｐ＞　＜ｐ＞＜ｉｎｐｕｔ　ｔｙｐｅ＝”ｓｕｂｍｉｔ”ｖａｌｕｅ＝”注册”＞＜／ｐ＞　收稿日期：２０１２－０３－０３　作者简介：赵增敏（１９５８一），男，河南郑州人，高级讲师，研究方向为软件工程。　【１８】　第３４卷第１Ｏ期２０１２—１０（上）　Ｉ　＜／ｆｏｒｍ＞　匐　似　显示在ｉｄ为ｍｓｇｌ的ｓｐａｎ元素中；另一个是提交　其中ｉｄ为ｍｓｇｌ和ｍｓｇ２的两个ｓｐａｎ元素用　于显示验证文本信息。　表单时执行的ｓｕｂｍｉｔ事件处理程序，其功能是对　表单数据进行检验。源代码如下：　＜ｓｃｒｉｐｔ　ｔｙｐｅ　”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞　￥（ｄｏｃｕｍｅｎｔ）．ｒｅａｄｙ（ｆｕｎｃｔｉｏｎ（）｛　２－２通过ＰＨＰ￣．务器代码验证和创建用户　当用户提交注册表单时，数据将提交到当前　页。在该页开头编写Ｐ　代码，以创建数据库连　接，然后查询提交的用户名是否存在于ｕｓｅｒｓ表中，　对新用户名进行验证。若已存在于ｕｓｅｒｓ表中，则　显示出错信息并结束运行。若未存在于ｕｓｅｒｓ表中，　／／注册文本框的ｂｌｕｒ事件处理程序　￥（”＃ｕｓｅｍａｍｅ”）．ｂｌｒ（ｆｕｕｎｃｔｉｏｎ０｛　￥（”＃ｍｓｇ１”）．１ｏａｄ（”ｃｈｅｃｋｕｓｅｒ．ｐｈｐ”，　｛ｕｓｅｒｎａｍｅ：￥（”＃ｕｓｅｍａｍｅ”）．Ｖａｌ（）））；　则使用所提交的数据添加一个新用户。源代码如下：　＜？ｐｈｐ　ｉｆ（（ｉｓｓｅｔ（￥＿ＰＯＳＴ［”ｕｓｅｒｎａｍｅ”】））＆＆　（ｉｓｓｅｔ（￥＿ＰＯＳＴ［”ｐａｓｓｗｏｒｄ”】）））｛　￥ｕｓｅｒｓ＝ｍｙｓｑｌ＿ｐｃｏｎｎｅｃｔ（”ｌｏｃａｌｈｏｓｔ＂，＂ｒｏｏｔ”，”１　２　３”）ｏｒ　ｔｒｉｇｇｅｒｅｒｒｏｒ（ｍｙｓｑｌ＿ｅｒｒｏｒ（），Ｅ＿ＵＳＥＲ＿ＥＲＲＯＲ）；　ｍｙｓｑｌｓｅｌｅｃｔ＿＿ｄｂ（”ｗｅｂ＂，￥ｕｓｅｒｓ）；　￥ｓｑｌ＝ｓｐｒｉｎｔｆ（”ＳＥＬＥＣＴ　ＦＲＯＭ　ｕｓｅｒｓ　ＷＨＥＲＥ　ｕｓｅｒｎａｍｅ＝’％ｓ…，￥＿ＰＯＳＴ［’ｕｓｅｍａｍｅ’］）；　￥ｒｓ　ｍｙｓｑｌ—ｑｕｅｒｙ（￥ｓｑｌ，￥ｕｓｅｒｓ）ｏｒ　ｄｉｅ（ｍｙｓｑｌ—　ｅｒｒｏｒ（））；　￥ｔｏｔａｌＲｏｗｓｒｓ－－ｍｙｓｑｌｎｕｍ＿＿ｒｏｗｓ（￥ｒｓ）；　ｉｆ（￥ｔｏｔａｌＲｏｗｓ＿ｒｓ＞０）｛　ｅｃｈｏ　ｓｐｒｉｎｔｆ（”用户名％ｓ已被注册。”，　￥＿ＰＯＳＴ［’ｕｓｅｍａｍｅ’］）；　ｅｘｉｔ；　）　Ｓｓｑｌ＝ｓｐｒｉｎｔｆ（”ＩＮＳＥＲＴ　ＩＮＴＯ　ｕｓｅｒｓ（ｕｓｅｍａｍｅ，　ｐａｓｓｗｏｒｄ）ＶＡＬＵＥＳ（’％ｓ’，’％ｓ’）”，　Ｓ＿ＰＯＳＴ［’ｕｓｅｒｎａｍｅ’］，Ｓ＿ＰＯＳＴ［’ｐａｓｓｗｏｒｄ’］）；　￥ｒｅｓｕｌｔ＝ｍｙｓｑｌ—ｑｕｅｒｙ（￥ｓｑｌ，￥ｕｓｅｒｓ）ｏｒ　ｄｉｅ（ｍｙｓｑｌ＿ｅｒｒｏｒ（））；　ｉｆ（￥ｒｅｓｕｌｔ＝１）ｅｃｈｏ”新用户注册成功。”；　｝　？＞　２．３通ｊ￣ｊＱｕｅｒｙｍ本实ｔ．￣，Ａｊａｘ异步请求　为了引用ｊＱｕｅｒｙ库，首先在ｒｅｇ．ｐｈｐ页中使用　ｓｃｒｉｐｔ标签引入相应的ｊｓ库文件：　＜ｓｃｒｉｐｔ　ｓｒｃ＝’＇ｊｑｕｅｒｙ一１．７．１　ｊｓ”ｔ），ｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞　＜／ｓｃｒｉｐｔ＞　接着通过ｊＱｕｅｒｙ脚本注册两个事件处理程　序：一个是当光标离开文本框ｕｓｅｍａｍｅ时执行的　ｂｌｕｒ事件处理程序，通过它向服务器上的ＰＨＰ页　ｃｈｅｃｋｕｓｅｒ．ｐｈｐ提交用户名和密码并将响应的信息　｝）；　／／注册表单的ｓｕｂｍｉｔ事件处理程序　￥　＃ｆｏｒｍ　ｌ”）．ｓｕｂｍｉｔ（ｆｕｎｃｔｉｏｎ０｛　ｖａｒｆｌａｇ＝ｆａｌｓｅ；　ｉｆ（Ｓ（”＃ｕｓｅｍａｍｅ”）．ｖａｌ０＝＝…’）｛　￥（”＃ｍｓｇｌ”）．ｈｔｍｌ（”请输入用户名。　”）．ｃｓｓ（”ｃｏｌｏｒ＂，＂ｒｅｄ”）；　｝ｉｆ（Ｓ（”＃ｐａｓｓｗｏｒｄ”）．ｖａｌＯ＝＝””）｛　￥（”＃ｍｓｇ２”）．ｈｔｍｌ（”请输入密码。”）．ｃｓｓ　（＂ｃｏｌｏｒ＂，＂ｒｅｄ”）；　｝ｅｌｓｅ｛　ｌｆａｇ－－ｔｒｕｅ；　）　ｒｅｔｕｒｎｆｌａｇ；　｝）；　｝）；　＜／ｓｃｒｉｐｔ＞　需要强调指出的是，通过对ｓｐａｎ元素ｍｓｇｌ　调用ｊＱｕｅｒｙ　ｌｏａｄ方法，可从服务器上加载一个　ＰＨＰ页；由于传入的附加参数是以映射形式指定　的，因此会向服务器异步发送一个ＰＯＳＴ请求。若　要通过普通的ＪａｖａＳｃｒｉｐｔ脚本来实现同样的功能，　则需要编写大量的代码，从创建跨浏览器的ＸＨＲ　对象到初始化请求，从发送异步请求、接受服务　器响应到更新页面，都需要自己编程来实现。　３在服务器上通过ＰＨＰ代码检查用户　为了在光标离开“用户名”文本框即时检查所　输入的用户名，通过ｊＱｕｅｒｙ脚本加载服务器上的　ｃｈｅｃｋｕｓｅｒ．ｐｈｐ页。在该页上连接到后台数据库并　创建一个记录集，并根据记录集是否为空向客户　端返回不同信息。源代码如下：　＜？ｐｈｐ　ｈｅａｄｅｒ（”Ｃｏｎｔｅｎｔ—Ｔｙｐｅ：ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝ｇｂ２３　１２”）；　￥ｕｓｅｒｎａｍｅ＝ｍｂｃｏｎｖｅｒｔ——ｅｎｃｏｄｉｎｇ（￥一ＰＯＳＴ　第３４卷第１Ｏ期２０１２－１０（上）　【１９】　ｌ　［’ｕｓｅｍａｍｅ’】，　”ＧＢ２３　１　２”，”ＵＴＦ一８”）；　￥ｕｓｅｒｓ＝ｍｙｓｑｌｐｃｏｎｎｅｃｔ（”ｌｏｃａｌｈｏｓｔ＂，＂ｒｏｏｔ＂，＂１２３”）　＿匐　似　‘，＞　在上述代码中，第１行代码将该页的字符集　设置为简体中文；第２行代码将提交的用户名转　换为简体中文。这两行代码对于防止出现乱码起　ｏｒ　ｔｒｉｇｇｅｒｅｒｒｏｒ（ｍｙｓｑｌ＿ｅｒｒｏｒ０，Ｅ＿ＵＳＥＲ＿ＥＲＲＯＲ）；　ｍｙｓｑｌｓｅｌｅｃｔ　ｄｂ（”ｗｅｂ”，Ｓｕｓｅｒｓ）；　＿头非常重要的作用。如果没有这些代码，就可能　无法得到预期的结果。　￥ｓｑｌ＝ｓｐｒｉｎｔｆ（”ＳＥＬＥＣＴ　ＦＲＯＭ　ｕｓｅｒｓ　ＷＨＥＲＥ　ｕｓｅｍａｍｅ＝’％ｓ”’．￥ｕｓｅｍａｍｅ）；　￥ｒｓ＝ｍｙｓｑｌｑｕｅｒｙ（￥ｓｑｌ，￥ｕｓｅｒｓ）ｏｒ　ｄｉｅ（ｍｙｓｑｌ—　—４结束语　本文通过引入ｊＱｕｅｒｙ框架大大简化了Ａｊａｘ应　用开发的过程，既实现了用户名的即时验证，也　实现了表单数据的检测，还通过ＰＨＰ代码对Ａｊａｘ　提交的数据进行了正确的解码。虽然在服务器端　使用了ＰＨＰ技术，但本文中所提出的方法同样适　应于ＡＳＰ、ＪＳＰ等其他服务器技术。　ｅｒｒｏｒ（））；　￥ｒｏｗｒｓ　ｙｓｑｌｆｅｔｃｈａｓｓｏｃ（￥ｒｓ）；　＿＿Ｓｔｏｔａ１Ｒｏｗｓｒｓ＝ｍｙｓｑｌｎｕｍｒｏｗｓ（￥ｒｓ）；　＿＿ｉｆ（￥ｔｏｔａｌＲｏｗｓ＿ｒｓ＝＝０）｛　ｅｃｈｏ　ｓｐｒｉｎｔｆ（”＜ｆｏｎｔ　ｃｏｌｏｒ＝ｂｌｕｅ＞用户名％ｓ可　用＜／ｆ０ｎｔ＞”，￥ｕｓｅｒｎａｍｅ）；　｝ｅｌｓｅ｛　ｅｃｈｏ　ｓｐｒｉｎｔｆ（”＜ｆ０ｎｔ　ｃｏｌｏｒ＝ｒｅｄ＞用户名％ｓ不　可用＜／ｆｏｎｔ＞＂，．￥ｕｓｅｍａｍｅ）；　｝　ｍｙｓｑｌｆｒｅｅ＿＿参考文献：　［１】赵增敏．ｊＱｕｅｒｙ全面提速【Ｍ】．北京：机械工业出版社，　２０１０．　【２】赵增敏．ＰＨＰ动态网站开发【Ｍ】．北京：电子工业出版社，　２０１１　ｒｅｓｕｌｔ（￥ｒｓ）；　．山．　矗●　蠡Ｉ｛重●．　‘‘　矗‘　蠡●　蠡●　蠡‘｛蠡‘　矗‘　矗‘　蠡●　矗‘　蠡●　蠡‘　矗‘　矗●　盘●　．　矗‘　蠡‘　童●出【上接第１４页】　力矩迅速下降；其后，温差、温差变化率变化减　小，可控硅控制角小幅度调整，制动力矩趋于稳　定；当检测到转子温度低于设定温度时，可控硅　控制角恢复初值，控制器切换到开环ＰＷＭ控制模　式，满足低温时尽可能提供较大制动力矩的需求。　的计算方法【Ｊ］．兵工学报，２００７，２８（１）：５２—５６．　【３】杨福广，阮久宏，李贻斌．４ＷｌＤ一４ＷｌＳ车辆横摆运动　ＡＦＳ＋ＡＲＳ＋ＤＹＣ模糊控制［Ｊ］．农业机械学报，２０１　１，４２（１０）：　６．１２．　【４】Ｋａｒｂａｌａｅｉ　Ｒ，Ｇｈａｆｆａｒｉ　Ａ，Ｋａｚｅｍｉ　Ｒ．Ｄｅｓｉｇｎ　ｏｆ　ａｎ　ｉｎｔｅｇｒａｔｅｄ　ＡＦＳ　ＤＹＣ　ｂａｓｅｄ　ｏｎ　ｆｕｚｚｙ　ｌｏｇｉｃ　ｃｏｎｔｒｏｌ［Ｃ］．ＩＥＥＥ　Ｉｎｔｅｒｎａｔｉｏｎａｌ　Ｃｏｎｆｅ．ｒｅｎｃｅ　ｏｎ　Ｖｅｈｉｃｕｌａｒ　Ｅｌｅｃｔｒｏｎｉｃｓ　ａｎｄ　Ｓａｆｅｔｙ．２００７，１－６．　４结束语　试验证明以转子温差及其温差变化率为输入　变量，以可控硅控制角变化量为输出变量的自励　【５】ＳＩ　Ｈｏｎｇｗｅｉ，ＬＩ　Ｄｏｎｇｘｕ．Ａｃｔｉｖｅ　ｃｏｎｔｒｏｌ　ｏｆ　ｖｉｂｒａｔｉｏｎ　ｕｓｉｎｇ　ａ　ｆｕｚｚｙｃｏｎｔｒｏｌｍｅｔｈｏｄｂａｓｅｄｏｎ　ｓｃａｌｉｎｇｕｎｉｖｅｒｓｅｓｏｆｄｉｓｃｏｕｒｓｅ【Ｊ】．　ＳｍａｒｔＭａ　ａｌｓ　ａｎｄＳｔｒｕｃｔｕｒｅｓ．２００ｌ７＇（１６）：５５５—５６０．　式缓速器制动力矩闭环模糊控制实现了制动功率　与转子温度的动态平衡，并将自励式缓速器转子　［６】ＬＵ　Ｑｉｎｇ，ＰＥＮＧ　Ｚｈｉｋｅ，ＣＨＵ　Ｆｕｌｅｉ，ｅｔａ１．Ｄｅｓｉｇｎ　ｏｆ　ｆｕｚｚｙ　ｃｏｎｔｒｏｌｌｅｒ　ｆｏｒ　ｓｍａｒｔ　ｓｔｒｕｃｔｕｒｅｓ　ｕｓｉｎｇ　ｇｅｎｅｔｉｃ　ａｌｇｏｒｉｔｈｍｓ［Ｊ］．　Ｓｍａｒｔ　Ｍａｔｅｒｉａｌｓ　ａｎｄ　Ｓｔｒｕｃｔｕｒｅｓ．２００３，（１２）：９７９—９８６．　温度控制在安全工作范围，避免了高温情况下需　停止缓速器工作所带来的制动力矩突然消失或阶　跃性下降，提高了行车制动安全性。文中提出的　基于转子温差、温差变化率的制动力矩模糊控制　【７】管成，彭华．基于非线性函数的注塑机注射压力模糊控　制【Ｊ】．浙江大学学报，２０１　１，４５（８）：１３８２－１３８６．　【８】Ａｍｉｒ　Ｐｏｕｒｓａｍａｄ，Ｍｏｒｔｅｚａ　Ｍｏｎｔａｚｅｒｉ．Ｄｅｉｓｇｎ　ｏｆ　ｇｅｎｅｔｉｃ　ｕｚｚｙ　ｆｃｏｎｔｒｏｌ　ｓｔｒａｔｅｇｙ　ｆｏｒ　ｐａｒａｌｌｅｌ　ｈｙｂｒｉｄ　ｅｌｅｃｔｒｉｃ　ｖｅｈｉｃｌｅｓ［Ｊ］．　Ｃｏｎｔｒｏｌ　Ｅｎｇｉｎｅｅｒｉｎｇ　Ｐｒａｃｔｉｃｅ．２００８，（１６）：８６１－８７３．　思想可以为解决电涡流缓速器转子高温问题提供　借鉴和参考。　参考文献：　【１】何仁，刘成哗．车用电涡流缓速器转子盘非稳态温度场　【９】Ｍｉｃｈｅｌｓ　Ｋ．Ａ．Ｍｏｄｅｌ—Ｂａｓｅｄ　Ｆｕｚｚｙ　Ｃｏｎｔｒｏｌ－ｌｅｒ［Ｊ１．Ｆｕｚｚｙ　Ｓｅｔｓ　ａｎｄ　Ｓｙｓｔｅｍｓ．１９９７，８５（２）：２２３—２３２．　【１０］Ｒｅｎｄｅｒｓ　ＪＭ，Ｓａｅｒｅｎｓ　Ｍ，Ｂｅｒｓｉｎｉ　Ｈ．Ｆｕｚｚｙ　Ａｄａｐｔｉｖｅ　Ｃｏｎｔｒｏｌ　ｏｆ　ａ　Ｃｅｒｔａｉｎ　Ｃｌａｓｓ　ｏｆ　ＳＩＳＯ　Ｄｉｓｃｒｅｔｅ—Ｔｉｍｅ　Ｐｒｏｃｅｓｓｅｓ［Ｊ】．　Ｆｕｚｚｙ　Ｓｅｔｓ　ａｎｄ　Ｓｙｓｔｅｍｓ．１９９７，８５（１）：４９—６２．　数值分析【Ｊ］．汽车工程，２００６，２８（２）：１８１—１８５．　［２】何仁，赵万忠，胡青训．永磁式缓速器转子鼓瞬态温度场　［２０】　第３４卷第１Ｏ期２０１２—１０（上）　

2023年6月21日发(作者：)

訇　化　ｌ　基于ｊＱｕｅｒｙ框架的Ａｊａｘ应用开发　Ａｊａｘ　ａｐｐｌｉｃａｔｉｏｎ　ｄｅｖｅｌｏｐｍｅｎｔ　ｂａｓｅｄ　ｏｎ　ｊＱｕｅｒｙ　ｆｒａｍｅｗｏｒｋ　赵增敏。李惠敏　ＺＨＡ０　Ｚｅｎｇ．ｍｉｎ．ＬＩ　Ｈｕｉ．ｒｎｉｎ　（河南信息工程学校，郑州４５０００８）　摘要：通过￣ｊｑｕｅｒｙ框架的ＡＪａｘ功能的分析，使用ＰＨＰ作为Ｗｅｂ开发技术并以ＭｙＳＱＬ作为后台数据　库，提出了一种基于ｊＱｕｅｒｙ框架实现ＡＪａＸ异步请求和页面局部刷新的方法，并实现了用户名　即时验证和表单数据的检测功能，还给出了防止产生乱码的解决方案。本文介绍了上述功能　的详细实现步骤并给出了关键代码。　关键词：ｊＱｕｅｒｙ；　ＯＸ；异步请求　中图分类号：ＴＰ３１９　文献标识码：Ａ　文章编号：１　００９－０１　３４（２０１　２）１　０（上）－ｏｏｉ　８－０２　Ｄｏｉ：１　０．３９６９／Ｊ．ｉｓｓｎ．１　００９－０１　３４．２０１　２．１　０（上）．０７　０引言　Ａｊａｘ是使用客户端脚本与Ｗｅｂ服务器交换数　ＣＲＥＡＴＥ　ＴＡＢＬＥ　ｕｓｅｒｓ（　ｕｓｅｍａｍｅ　ｖａｒｃｈａｒ（１　０）ＮＯＴ　ＮＵＬＬ，　ｐａｓｓｗｏｒｄ　ｖａｒｃｈａｒ（１　２）ＮＯＴ　ＵＬＬ，Ｎ　ＰＲＩＭＡＲＹ　ＫＥＹ（ｕｓｅｍａｍｅ）　、ＥＮＧＩＮＥ＝ＩｎｎｏＤＢ　ＤＥＦＡＵＬＴ　ＣＨＡＲＳＥＴ　＝ｇｂ２３１２；　据的Ｗｅｂ应用开发技术。近年来该技术在Ｗｅｂ应　用开发中得到越来越多的应用。实际上Ａｊａｘ是一　组现有技术的无缝整合。ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象　（简称为ＸＨＲ）是Ａｊａｘ技术的核心，在ＪａｖａＳｃｒｉｐｔ　脚本中可使用该对象来实现对服务器的异步请求，　即在后台发送请求并接收服务器响应，并使用响　应的数据来更新局部页面，以改进用户体验。使　用传统方法进行Ａｊａｘ应用开发包括一系列步骤，　整个编程过程颇为烦琐。ｊＱｕｅｒｙ是一个轻量级的　Ａｊａｘ框架，它对ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ对象进行了良好　的封装，提供了一套完整的Ａｊａｘ功能，极大地简　化了Ａｊａｘ应用开发过程。本文结合常用的用户注　册模块探讨了ｊＱｕｅｒｙ框架在Ａｊａｘ开发的应用，以　２创建用户注册页面　创建一个ＰＨＰ页并命名为ｒｅｇ．ｐｈｐ。该页面的　功能是注册新用户。在输入用户名的过程中，一　旦光标离开相应的文本框，便通过ｊＱｕｅｒｙ脚本请　求服务器上的验证用户页面ｃｈｅｃｋｕｓｅｒ．ｐｈｐ，并即时　显示所输入的用户名是否可用。如果在提示用户　名不可用的情况仍然提交表单数据，则通过ＰＨＰ　服务器代码进行处理。　简洁方式实现了Ａｊａｘ异步请求并实现用户名即时　验证和表单数据检测等功能。　２．１创建注册表单　在ｒｅｇ．ｐｈｐ页中创建一个注册表单，ＨＴＭＬ代　码如下：　＜ｆｏｒｍ　ｍｅｔｈｏｄ＝”ＰＯＳＴ”ｎａｍｅ＝”ｆｏｒｍ　１”ｉｄ　＝１创建后台数据库　选择ＭｙＳＱＬ作为后台数据库服务器。为了存　储用户信息，可在ＭｙＳＱＬ服务器上创建一个ｗｅｂ　数据库并在其中添加一个ｕｓｅｒｓ表，为此可运行　”ｆｏｒｍｌ”＞　＜ｐ＞＜ｓｔｒｏｎｇ＞注册新用户＜／ｓｔｒｏｎｇ＞＜／ｐ＞　＜ｐ＞用户名：＜ｍｐｍ　ｔｙｐｅ－－”ｔｅｘｔ”ｎａｍｅ＝”ｕｓｅｍａｍｅ”　ｉｄ＝”ｕｓｅｒｎａｍｅ”＞＜ｓｐａｎ　ｉｄ＝”ｍｓｇ　ｌ”＞＜／ｓｐａｎ＞＜／ｐ＞　ｍｙｓｑｌ命令行工具输入并执行以下ＳＱＬ语句：　ＣＲＥＡＴＥ　ＤＡＴＡＢＡＳＥ　ｗｅｂ；　ＵＳＥｗｅｂ；　ＤＲＯＰ　ＴＡＢＬＥ　ＩＦ　ＥＸＩＳＴＳ　ｕｓｅｒｓ；　＜ｐ＞密码：＜ｉｎｐｕｔｔｙｐｅ＝’＇ｐａｓｓｗｏｒｄ＇’ｎａｍｅ＝’＇ｐａｓｓｗｏｒｄ＇’　ｉｄ＝”ｐａｓｓｗｏｒｄ”＞＜ｓｐａｎ　ｉｄ＝”ｍｓｇ２”＞＜／ｓｐａｎ＞＜／ｐ＞　＜ｐ＞＜ｉｎｐｕｔ　ｔｙｐｅ＝”ｓｕｂｍｉｔ”ｖａｌｕｅ＝”注册”＞＜／ｐ＞　收稿日期：２０１２－０３－０３　作者简介：赵增敏（１９５８一），男，河南郑州人，高级讲师，研究方向为软件工程。　【１８】　第３４卷第１Ｏ期２０１２—１０（上）　Ｉ　＜／ｆｏｒｍ＞　匐　似　显示在ｉｄ为ｍｓｇｌ的ｓｐａｎ元素中；另一个是提交　其中ｉｄ为ｍｓｇｌ和ｍｓｇ２的两个ｓｐａｎ元素用　于显示验证文本信息。　表单时执行的ｓｕｂｍｉｔ事件处理程序，其功能是对　表单数据进行检验。源代码如下：　＜ｓｃｒｉｐｔ　ｔｙｐｅ　”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞　￥（ｄｏｃｕｍｅｎｔ）．ｒｅａｄｙ（ｆｕｎｃｔｉｏｎ（）｛　２－２通过ＰＨＰ￣．务器代码验证和创建用户　当用户提交注册表单时，数据将提交到当前　页。在该页开头编写Ｐ　代码，以创建数据库连　接，然后查询提交的用户名是否存在于ｕｓｅｒｓ表中，　对新用户名进行验证。若已存在于ｕｓｅｒｓ表中，则　显示出错信息并结束运行。若未存在于ｕｓｅｒｓ表中，　／／注册文本框的ｂｌｕｒ事件处理程序　￥（”＃ｕｓｅｍａｍｅ”）．ｂｌｒ（ｆｕｕｎｃｔｉｏｎ０｛　￥（”＃ｍｓｇ１”）．１ｏａｄ（”ｃｈｅｃｋｕｓｅｒ．ｐｈｐ”，　｛ｕｓｅｒｎａｍｅ：￥（”＃ｕｓｅｍａｍｅ”）．Ｖａｌ（）））；　则使用所提交的数据添加一个新用户。源代码如下：　＜？ｐｈｐ　ｉｆ（（ｉｓｓｅｔ（￥＿ＰＯＳＴ［”ｕｓｅｒｎａｍｅ”】））＆＆　（ｉｓｓｅｔ（￥＿ＰＯＳＴ［”ｐａｓｓｗｏｒｄ”】）））｛　￥ｕｓｅｒｓ＝ｍｙｓｑｌ＿ｐｃｏｎｎｅｃｔ（”ｌｏｃａｌｈｏｓｔ＂，＂ｒｏｏｔ”，”１　２　３”）ｏｒ　ｔｒｉｇｇｅｒｅｒｒｏｒ（ｍｙｓｑｌ＿ｅｒｒｏｒ（），Ｅ＿ＵＳＥＲ＿ＥＲＲＯＲ）；　ｍｙｓｑｌｓｅｌｅｃｔ＿＿ｄｂ（”ｗｅｂ＂，￥ｕｓｅｒｓ）；　￥ｓｑｌ＝ｓｐｒｉｎｔｆ（”ＳＥＬＥＣＴ　ＦＲＯＭ　ｕｓｅｒｓ　ＷＨＥＲＥ　ｕｓｅｒｎａｍｅ＝’％ｓ…，￥＿ＰＯＳＴ［’ｕｓｅｍａｍｅ’］）；　￥ｒｓ　ｍｙｓｑｌ—ｑｕｅｒｙ（￥ｓｑｌ，￥ｕｓｅｒｓ）ｏｒ　ｄｉｅ（ｍｙｓｑｌ—　ｅｒｒｏｒ（））；　￥ｔｏｔａｌＲｏｗｓｒｓ－－ｍｙｓｑｌｎｕｍ＿＿ｒｏｗｓ（￥ｒｓ）；　ｉｆ（￥ｔｏｔａｌＲｏｗｓ＿ｒｓ＞０）｛　ｅｃｈｏ　ｓｐｒｉｎｔｆ（”用户名％ｓ已被注册。”，　￥＿ＰＯＳＴ［’ｕｓｅｍａｍｅ’］）；　ｅｘｉｔ；　）　Ｓｓｑｌ＝ｓｐｒｉｎｔｆ（”ＩＮＳＥＲＴ　ＩＮＴＯ　ｕｓｅｒｓ（ｕｓｅｍａｍｅ，　ｐａｓｓｗｏｒｄ）ＶＡＬＵＥＳ（’％ｓ’，’％ｓ’）”，　Ｓ＿ＰＯＳＴ［’ｕｓｅｒｎａｍｅ’］，Ｓ＿ＰＯＳＴ［’ｐａｓｓｗｏｒｄ’］）；　￥ｒｅｓｕｌｔ＝ｍｙｓｑｌ—ｑｕｅｒｙ（￥ｓｑｌ，￥ｕｓｅｒｓ）ｏｒ　ｄｉｅ（ｍｙｓｑｌ＿ｅｒｒｏｒ（））；　ｉｆ（￥ｒｅｓｕｌｔ＝１）ｅｃｈｏ”新用户注册成功。”；　｝　？＞　２．３通ｊ￣ｊＱｕｅｒｙｍ本实ｔ．￣，Ａｊａｘ异步请求　为了引用ｊＱｕｅｒｙ库，首先在ｒｅｇ．ｐｈｐ页中使用　ｓｃｒｉｐｔ标签引入相应的ｊｓ库文件：　＜ｓｃｒｉｐｔ　ｓｒｃ＝’＇ｊｑｕｅｒｙ一１．７．１　ｊｓ”ｔ），ｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞　＜／ｓｃｒｉｐｔ＞　接着通过ｊＱｕｅｒｙ脚本注册两个事件处理程　序：一个是当光标离开文本框ｕｓｅｍａｍｅ时执行的　ｂｌｕｒ事件处理程序，通过它向服务器上的ＰＨＰ页　ｃｈｅｃｋｕｓｅｒ．ｐｈｐ提交用户名和密码并将响应的信息　｝）；　／／注册表单的ｓｕｂｍｉｔ事件处理程序　￥　＃ｆｏｒｍ　ｌ”）．ｓｕｂｍｉｔ（ｆｕｎｃｔｉｏｎ０｛　ｖａｒｆｌａｇ＝ｆａｌｓｅ；　ｉｆ（Ｓ（”＃ｕｓｅｍａｍｅ”）．ｖａｌ０＝＝…’）｛　￥（”＃ｍｓｇｌ”）．ｈｔｍｌ（”请输入用户名。　”）．ｃｓｓ（”ｃｏｌｏｒ＂，＂ｒｅｄ”）；　｝ｉｆ（Ｓ（”＃ｐａｓｓｗｏｒｄ”）．ｖａｌＯ＝＝””）｛　￥（”＃ｍｓｇ２”）．ｈｔｍｌ（”请输入密码。”）．ｃｓｓ　（＂ｃｏｌｏｒ＂，＂ｒｅｄ”）；　｝ｅｌｓｅ｛　ｌｆａｇ－－ｔｒｕｅ；　）　ｒｅｔｕｒｎｆｌａｇ；　｝）；　｝）；　＜／ｓｃｒｉｐｔ＞　需要强调指出的是，通过对ｓｐａｎ元素ｍｓｇｌ　调用ｊＱｕｅｒｙ　ｌｏａｄ方法，可从服务器上加载一个　ＰＨＰ页；由于传入的附加参数是以映射形式指定　的，因此会向服务器异步发送一个ＰＯＳＴ请求。若　要通过普通的ＪａｖａＳｃｒｉｐｔ脚本来实现同样的功能，　则需要编写大量的代码，从创建跨浏览器的ＸＨＲ　对象到初始化请求，从发送异步请求、接受服务　器响应到更新页面，都需要自己编程来实现。　３在服务器上通过ＰＨＰ代码检查用户　为了在光标离开“用户名”文本框即时检查所　输入的用户名，通过ｊＱｕｅｒｙ脚本加载服务器上的　ｃｈｅｃｋｕｓｅｒ．ｐｈｐ页。在该页上连接到后台数据库并　创建一个记录集，并根据记录集是否为空向客户　端返回不同信息。源代码如下：　＜？ｐｈｐ　ｈｅａｄｅｒ（”Ｃｏｎｔｅｎｔ—Ｔｙｐｅ：ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝ｇｂ２３　１２”）；　￥ｕｓｅｒｎａｍｅ＝ｍｂｃｏｎｖｅｒｔ——ｅｎｃｏｄｉｎｇ（￥一ＰＯＳＴ　第３４卷第１Ｏ期２０１２－１０（上）　【１９】　ｌ　［’ｕｓｅｍａｍｅ’】，　”ＧＢ２３　１　２”，”ＵＴＦ一８”）；　￥ｕｓｅｒｓ＝ｍｙｓｑｌｐｃｏｎｎｅｃｔ（”ｌｏｃａｌｈｏｓｔ＂，＂ｒｏｏｔ＂，＂１２３”）　＿匐　似　‘，＞　在上述代码中，第１行代码将该页的字符集　设置为简体中文；第２行代码将提交的用户名转　换为简体中文。这两行代码对于防止出现乱码起　ｏｒ　ｔｒｉｇｇｅｒｅｒｒｏｒ（ｍｙｓｑｌ＿ｅｒｒｏｒ０，Ｅ＿ＵＳＥＲ＿ＥＲＲＯＲ）；　ｍｙｓｑｌｓｅｌｅｃｔ　ｄｂ（”ｗｅｂ”，Ｓｕｓｅｒｓ）；　＿头非常重要的作用。如果没有这些代码，就可能　无法得到预期的结果。　￥ｓｑｌ＝ｓｐｒｉｎｔｆ（”ＳＥＬＥＣＴ　ＦＲＯＭ　ｕｓｅｒｓ　ＷＨＥＲＥ　ｕｓｅｍａｍｅ＝’％ｓ”’．￥ｕｓｅｍａｍｅ）；　￥ｒｓ＝ｍｙｓｑｌｑｕｅｒｙ（￥ｓｑｌ，￥ｕｓｅｒｓ）ｏｒ　ｄｉｅ（ｍｙｓｑｌ—　—４结束语　本文通过引入ｊＱｕｅｒｙ框架大大简化了Ａｊａｘ应　用开发的过程，既实现了用户名的即时验证，也　实现了表单数据的检测，还通过ＰＨＰ代码对Ａｊａｘ　提交的数据进行了正确的解码。虽然在服务器端　使用了ＰＨＰ技术，但本文中所提出的方法同样适　应于ＡＳＰ、ＪＳＰ等其他服务器技术。　ｅｒｒｏｒ（））；　￥ｒｏｗｒｓ　ｙｓｑｌｆｅｔｃｈａｓｓｏｃ（￥ｒｓ）；　＿＿Ｓｔｏｔａ１Ｒｏｗｓｒｓ＝ｍｙｓｑｌｎｕｍｒｏｗｓ（￥ｒｓ）；　＿＿ｉｆ（￥ｔｏｔａｌＲｏｗｓ＿ｒｓ＝＝０）｛　ｅｃｈｏ　ｓｐｒｉｎｔｆ（”＜ｆｏｎｔ　ｃｏｌｏｒ＝ｂｌｕｅ＞用户名％ｓ可　用＜／ｆ０ｎｔ＞”，￥ｕｓｅｒｎａｍｅ）；　｝ｅｌｓｅ｛　ｅｃｈｏ　ｓｐｒｉｎｔｆ（”＜ｆ０ｎｔ　ｃｏｌｏｒ＝ｒｅｄ＞用户名％ｓ不　可用＜／ｆｏｎｔ＞＂，．￥ｕｓｅｍａｍｅ）；　｝　ｍｙｓｑｌｆｒｅｅ＿＿参考文献：　［１】赵增敏．ｊＱｕｅｒｙ全面提速【Ｍ】．北京：机械工业出版社，　２０１０．　【２】赵增敏．ＰＨＰ动态网站开发【Ｍ】．北京：电子工业出版社，　２０１１　ｒｅｓｕｌｔ（￥ｒｓ）；　．山．　矗●　蠡Ｉ｛重●．　‘‘　矗‘　蠡●　蠡●　蠡‘｛蠡‘　矗‘　矗‘　蠡●　矗‘　蠡●　蠡‘　矗‘　矗●　盘●　．　矗‘　蠡‘　童●出【上接第１４页】　力矩迅速下降；其后，温差、温差变化率变化减　小，可控硅控制角小幅度调整，制动力矩趋于稳　定；当检测到转子温度低于设定温度时，可控硅　控制角恢复初值，控制器切换到开环ＰＷＭ控制模　式，满足低温时尽可能提供较大制动力矩的需求。　的计算方法【Ｊ］．兵工学报，２００７，２８（１）：５２—５６．　【３】杨福广，阮久宏，李贻斌．４ＷｌＤ一４ＷｌＳ车辆横摆运动　ＡＦＳ＋ＡＲＳ＋ＤＹＣ模糊控制［Ｊ］．农业机械学报，２０１　１，４２（１０）：　６．１２．　【４】Ｋａｒｂａｌａｅｉ　Ｒ，Ｇｈａｆｆａｒｉ　Ａ，Ｋａｚｅｍｉ　Ｒ．Ｄｅｓｉｇｎ　ｏｆ　ａｎ　ｉｎｔｅｇｒａｔｅｄ　ＡＦＳ　ＤＹＣ　ｂａｓｅｄ　ｏｎ　ｆｕｚｚｙ　ｌｏｇｉｃ　ｃｏｎｔｒｏｌ［Ｃ］．ＩＥＥＥ　Ｉｎｔｅｒｎａｔｉｏｎａｌ　Ｃｏｎｆｅ．ｒｅｎｃｅ　ｏｎ　Ｖｅｈｉｃｕｌａｒ　Ｅｌｅｃｔｒｏｎｉｃｓ　ａｎｄ　Ｓａｆｅｔｙ．２００７，１－６．　４结束语　试验证明以转子温差及其温差变化率为输入　变量，以可控硅控制角变化量为输出变量的自励　【５】ＳＩ　Ｈｏｎｇｗｅｉ，ＬＩ　Ｄｏｎｇｘｕ．Ａｃｔｉｖｅ　ｃｏｎｔｒｏｌ　ｏｆ　ｖｉｂｒａｔｉｏｎ　ｕｓｉｎｇ　ａ　ｆｕｚｚｙｃｏｎｔｒｏｌｍｅｔｈｏｄｂａｓｅｄｏｎ　ｓｃａｌｉｎｇｕｎｉｖｅｒｓｅｓｏｆｄｉｓｃｏｕｒｓｅ【Ｊ】．　ＳｍａｒｔＭａ　ａｌｓ　ａｎｄＳｔｒｕｃｔｕｒｅｓ．２００ｌ７＇（１６）：５５５—５６０．　式缓速器制动力矩闭环模糊控制实现了制动功率　与转子温度的动态平衡，并将自励式缓速器转子　［６】ＬＵ　Ｑｉｎｇ，ＰＥＮＧ　Ｚｈｉｋｅ，ＣＨＵ　Ｆｕｌｅｉ，ｅｔａ１．Ｄｅｓｉｇｎ　ｏｆ　ｆｕｚｚｙ　ｃｏｎｔｒｏｌｌｅｒ　ｆｏｒ　ｓｍａｒｔ　ｓｔｒｕｃｔｕｒｅｓ　ｕｓｉｎｇ　ｇｅｎｅｔｉｃ　ａｌｇｏｒｉｔｈｍｓ［Ｊ］．　Ｓｍａｒｔ　Ｍａｔｅｒｉａｌｓ　ａｎｄ　Ｓｔｒｕｃｔｕｒｅｓ．２００３，（１２）：９７９—９８６．　温度控制在安全工作范围，避免了高温情况下需　停止缓速器工作所带来的制动力矩突然消失或阶　跃性下降，提高了行车制动安全性。文中提出的　基于转子温差、温差变化率的制动力矩模糊控制　【７】管成，彭华．基于非线性函数的注塑机注射压力模糊控　制【Ｊ】．浙江大学学报，２０１　１，４５（８）：１３８２－１３８６．　【８】Ａｍｉｒ　Ｐｏｕｒｓａｍａｄ，Ｍｏｒｔｅｚａ　Ｍｏｎｔａｚｅｒｉ．Ｄｅｉｓｇｎ　ｏｆ　ｇｅｎｅｔｉｃ　ｕｚｚｙ　ｆｃｏｎｔｒｏｌ　ｓｔｒａｔｅｇｙ　ｆｏｒ　ｐａｒａｌｌｅｌ　ｈｙｂｒｉｄ　ｅｌｅｃｔｒｉｃ　ｖｅｈｉｃｌｅｓ［Ｊ］．　Ｃｏｎｔｒｏｌ　Ｅｎｇｉｎｅｅｒｉｎｇ　Ｐｒａｃｔｉｃｅ．２００８，（１６）：８６１－８７３．　思想可以为解决电涡流缓速器转子高温问题提供　借鉴和参考。　参考文献：　【１】何仁，刘成哗．车用电涡流缓速器转子盘非稳态温度场　【９】Ｍｉｃｈｅｌｓ　Ｋ．Ａ．Ｍｏｄｅｌ—Ｂａｓｅｄ　Ｆｕｚｚｙ　Ｃｏｎｔｒｏｌ－ｌｅｒ［Ｊ１．Ｆｕｚｚｙ　Ｓｅｔｓ　ａｎｄ　Ｓｙｓｔｅｍｓ．１９９７，８５（２）：２２３—２３２．　【１０］Ｒｅｎｄｅｒｓ　ＪＭ，Ｓａｅｒｅｎｓ　Ｍ，Ｂｅｒｓｉｎｉ　Ｈ．Ｆｕｚｚｙ　Ａｄａｐｔｉｖｅ　Ｃｏｎｔｒｏｌ　ｏｆ　ａ　Ｃｅｒｔａｉｎ　Ｃｌａｓｓ　ｏｆ　ＳＩＳＯ　Ｄｉｓｃｒｅｔｅ—Ｔｉｍｅ　Ｐｒｏｃｅｓｓｅｓ［Ｊ】．　Ｆｕｚｚｙ　Ｓｅｔｓ　ａｎｄ　Ｓｙｓｔｅｍｓ．１９９７，８５（１）：４９—６２．　数值分析【Ｊ］．汽车工程，２００６，２８（２）：１８１—１８５．　［２】何仁，赵万忠，胡青训．永磁式缓速器转子鼓瞬态温度场　［２０】　第３４卷第１Ｏ期２０１２—１０（上）