您的位置 >>> 星想互联 >>> 编程技术 >>> PHP高级编程
thinkPHP中AJAX使用案例
点击数:3467  发布时间2017-12-04 17:30:30


控制器程序如下 :

public function newsadd(){

 $this->display();  
}

public function newsaddp($uname,$upwd){  
    $data = array();  
    if(!empty($uname) && !empty($upwd)){  
        $data['status'] = 1;  
        $data['info'] = '登陆成功';  
        $data['url'] = U('User/index');           
    }else{  
        $data['status'] = 0;  
        $data['info'] = '用户名和密码不能为空';  
        $data['url'] = U('Login/index');  
    }  
    //通过ajaxReturn()方法返回我们之前生成的数组  
    $this->ajaxReturn($data);  

    } 


模板程序如下 :

 
<script src="http://cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>  
<fieldset>  
    <legend>登陆演示表单</legend>  
    <input type="text" name="uname" id="uname"><br>  
    <input type="password" name="upwd" id="upwd"><br>  
    <input type="submit" value="登陆" id="checkLogin">  
</fieldset>  

  
<script type="text/javascript">  
    $(function(){  
        $('#checkLogin').click(function(){  
            var $unameVal = $.trim($('#uname').val());  
            var $upwdVal = $.trim($('#upwd').val());  
            //如果没有填写数据,则直接返回false.不执行ajax提交操作  
            if($unameVal == '' || $upwdVal == ''){  
                
                return false;  
            }  
            /* 
                $.post(url,parameters,callback); 
                url : post提交的服务器端资源地址。 
                parameters: 需要传递到服务器端的参数。 参数形式为“键/值”。 
                callback : 在请求完成时被调用,这里我们通过$data来接收服务器返回的数据   
             */  
            $.post("{:U('News/newsaddp')}", {uname:$unameVal,upwd:$upwdVal},function($data) {  
               
                if($data.status == 1){  
                    location.href = $data.url;   
                }else{  
                    $('#uname').reset();  
                    $('#upwd').reset();  
                }     
            });  
        });  
    });  
</script>  



来源:咸宁网站建设