详谈 ajax + thinkphp

直接正题,前台 jquery 的代码 后台 接受之后 处理 然后返回,主要是前后台代码的写法。

这里面的列子 实现的功能十分简单,前台 html 把数据传到后台后台接受到数据,在传给前台html 接受

代码主要是讲写法,没有什么实际的运用

html 页面代码

<html>
<script type="text/javascript" src="__PUBLIC__/style/js/jquery.1.10.1.min.js"></script> ------------------包含 jquery.js

<input type="text" id="email" name="email" tabindex="1" placeholder="请输入常用邮箱地址" />
<input type="submit" id="submitLogin" value="注 &nbsp; &nbsp; 册" />
<input type="text" id="show" value="" />
<script>
$("#submitLogin").bind('click',function(event){
var email = $("#email").val();

$.ajax({
url:"{:U('register')}",---------------------ajax 传递地址 url
type:"POST",-------------------- 发送请求的类型 post
data:{email:email},-------------------- 发送的数据 data
success: function( data ) { ----------------- 成功后处理
if(data.length >=12) {
//window.location.href = data;
alert(data);
} else {
//alert(data);
$("#show").val(data);
}
},
error: function(data) {
alert("购买失败!系统错误"+data);
}

});
});

</script>

</html>



/* 注册页面 */ public function register($username = '',$password = '',$repassword = '',$email = '',$verify = ''){ if(!C('USER_ALLOW_REGISTER')){ $this->error('注册关闭'); } if(IS_AJAX){ //注册用户 $data = I('email'); echo $data; -----------------------------这里打印的变量 data 要与html 代码里面成功后接受到的变量一致 } else { //显示注册表单 $this->display(); } }

相关文章

IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但...
PHP中的count()函数是用来计算数组或容器中元素的个数。这个...
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不...
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页...
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以...
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax...