详谈 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();
        }
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值