ThinkPHP+Jquery+Login

頁面代碼:
<div align="center">
  
<p>用戶名:
    
<input type="text" name="lid" id="lid" />
  
</p>
  
<p>密碼:
  
<input type="text" name="pwd" id="pwd" />
  
</p>  
  
<p>
    
<input type="submit" name="loginbt" id="loginbt" value="登 陸" />
  
</p>
  
<p><div id="state" name="state"></div></p>
</div>

 

Javascript代碼:(有兩種方法)

    $(document).ready(function(){
        $(
'#loginbt').click(function(){
            
// case one :
            $.ajax({
                type:
"POST",
                url:
"../index.php/index/doAjax",
                data:{lid:$(
'#lid').val(),pwd:$('#pwd').val()},
                success:
function(msg){
                            $(
'#state').html(msg);
                        }           
            });    
            
// case two:
            
        });
    });

 

 後臺php代碼: 

class IndexAction extends Action
{
    
public function index()
    {

    }
    
    
public function doAjax()
    {
        
$lid=$_POST["lid"];
        
$pwd=$_POST["pwd"];
        
if($lid==""||$pwd=="")
                
echo '用戶名或密碼爲空!';
        
else
        {
            
if($lid=="admin" && $pwd=="admin")
                    
echo '登陸成功!';
            
else
                    
echo '登陸失敗!';
        }
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章