ThinkPHPJQueryAjax的实现实例

ThinkPHPJQueryAjax的实现实例

ThinkPHP JQuery Ajax

ThinkPHP 框架和客户端是完全分离的，没有任何的依赖，而服务端返回 ajaxReturn
方法也是通用的。在《ThinkPHP Ajax 使用详解及实例》一文中，讲述的是 ThinkAjax 类库结合 prototyep 和 mootools
来实现的 Ajax 。事实上可以使用任何 Js 类库来实现 ThinkPHP Ajax ，本文就以 JQuery 来实现《ThinkPHP Ajax
使用详解及实例》一文中同样的功能。
Js 类库

要使用 ThinkPHP JQuery Ajax，需要加载的 Js
类库有：


href="__PUBLIC__/Js/Jquery/jquery.form.js" />

说明：jquery.form.js 类库是一个
JQuery 的插件，在这里用于简化表单的 ajax 交互，可根据实际情况决定是否加载。

这些 Js 类库可以在ThinkPHP 2.1
版本官方示例的 Public/Js/Jquery 下获得，在本节实例代码下载包也提供，请确认在进行 Ajax 测试之前，正确加载了以上 Js
类库。
AJAX 返回

使用 ajaxReturn 与 success/error 这两种方法返回。

关于
ajaxReturn 方法返回具体细节请参阅《ThinkPHP Ajax 使用详解及实例》一文，success/error 返回请参阅《ThinkPHP
success/error 方法返回 Ajax 信息》一文。
ThinkPHP JQuery Ajax 实例

例子功能与《ThinkPHP
Ajax 使用详解及实例》一样，点击（实际使用中也可以使用其他事件来替代） “检测用户名” 按钮检测用户名是否符合要求，点击 “提交”
按钮根据输入的用户名返回不同的信息。
html 文件

Public/loginJauery.html 模板，Js 处理函数及 form
表单：