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   ' 登陆失败！ ' ;
        }
    }
}