微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

详谈 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.jb51.cc/ajax/163831.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐