详谈 ajax + thinkphp

前端之家收集整理的这篇文章主要介绍了详谈 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(); } }

原文链接:https://www.f2er.com/ajax/163831.html

猜你在找的Ajax相关文章