暂无 |

例子

html 文件

Public/login.html 模板,form 表单及 Js 处理函数:

<script language="JavaScript">
    function checkName(){
	ThinkAjax.send('-Article/checkName','ajax=1&username='+$('username').value,'','result');
    }
</script>

<div id="result"></div>
<form name="login" id="form1" method="post"">
用户名: <input type="text" name="username" />
<input type="button" value="检查用户名" onClick="checkName()"><br />
</form>

ThinkAjax.send() 函数与 ThinkAjax.sendForm() 类似,参数如下:

  1. 第一个参数为提交服务器端处理的地址。
  2. 第二个参数为提交的具体数据。
  3. 第三个参数为如果提交成功,执行的函数名称,此处为空。
  4. 第四个参数为显示提示信息的 div id。

ThinkAjax.send() 函数的第二个提交数据参数写法类似于 GET 方式,但在服务器端需要用 $_POST 来接收数据。

服务端操作

输出 login.html 模板:

public function login(){
    $this->display();
}

假定服务端对用户名的检测操作为 Public/checkName :

public function checkName(){
    if ($_POST['username'] == 'admin'){
        $this->success('用户名正确~');
    }else{
        $this->error('用户名错误!');
    }
}

ThinkPHP Ajax 实现说明

该例子很简单,当点击 检查用户名 按钮时,触发 checkName() 函数将用户名提交 checkName 方法检测,如果是 admin 则使用 success 方法返回正确提示,否则使用 error 方法返回错误提示。

在服务器端 checkName 操作内,使用了 success/error 方法返回提示信息,由于在提交数据时已经提交了 ajax=1 ,因此可以省略 ajax=true 参数。

提示:

如果在服务器端使用 success/error 方法返回提示信息,如果不指定 ajax=true 参数,在客户端会提示:”服务器返回数据出错!“ 的提示信息。要避免此错误提示,除了在 success/error 方法里传入 ajax=true 参数外,还可以:

  1. ThinkAjax.send() 函数提交的数据中包含 ajax=1 参数,如上例子。
  2. ThinkAjax.sendForm() 提交数据时,除了加载必要的 Ajax 实现库外,同时加载 Js/Form/CheckForm.js 类库,会指定 success/error 以 Ajax 方式返回。
  3. ThinkAjax.sendForm() 提交数据时,加入 ajax 隐藏表单元素:
    <input type="hidden" name="ajax" value="1">
    

小结

以上简单讲述了 ThinkPHP Ajax 在服务端使用 success/error 方法返回信息的方式,success/error 方法返回信息其实质是调用 ajaxReturn 方法返回信息,与 ajaxReturn 方法不同的是,success/error 方法只返回提示信息而不会返回数据信息。具体采用什么方法返回,可视具体情况而定。

上面的实例限于篇幅仅列出了关键代码,要查看该实例完整代码,请参阅《ThinkPHP Ajax 实例代码》,或者点击此处下载完整示例代码。

java教程
php教程
php+mysql教程
ThinkPHP教程
MySQL
C语言
css
javascript
Django教程

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论