码迷,mamicode.com
首页 > Web开发 > 详细

验证信息json返回,前台接收显示无刷新。笔记

时间:2017-05-17 17:12:23      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:width   pwd   position   信息   checkbox   密码   lin   tran   平台   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>欢迎登录后台管理系统</title>
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="/js/jquery.js"></script>
<script src="/js/cloud.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript">
 $(function(){
  $("#send").click(function(){
   var cont = $("input").serialize();
   $.ajax({
    url:"{:url(‘Index/login‘)}",
    type:post,
    dataType:json,
    data:cont,
    success:function(data){
     var str = data.msg;
     $("#result").html(str);
    }
   });
  });  
 });
</script>
<script language="javascript">
    $(function() {
        $(.loginbox).css({
            position : absolute,
            left : ($(window).width() - 692) / 2
        });
        $(window).resize(function() {
            $(.loginbox).css({
                position : absolute,
                left : ($(window).width() - 692) / 2
            });
        })
    });
</script>

</head>

<body
    style="background-color: #1c77ac; background-image: url(images/light.png); background-repeat: no-repeat; background-position: center top; overflow: hidden;">



    <div id="mainBody">
        <div id="cloud1" class="cloud"></div>
        <div id="cloud2" class="cloud"></div>
    </div>


    <div class="logintop">
        <span>欢迎登录后台管理界面平台</span>
        <ul>
            <li><a href="#">回首页</a></li>
            <li><a href="#">帮助</a></li>
            <li><a href="#">关于</a></li>
        </ul>
    </div>

    <div class="loginbody">

        <span class="systemlogo"></span>
         <div id="result">一会看显示结果</div>
<form name="form1" method="post" action="">
        <div class="loginbox">

            <ul>
                <li><input name="username" type="text" class="loginuser" 
                    onclick="JavaScript:this.value=‘‘" /></li>
                <li><input name="password"  type="password" class="loginpwd" 
                    onclick="JavaScript:this.value=‘‘" /></li>
                            <li>
                            
                            <input name="checkcode"  type="text" class="logincheck" 
                    onclick="JavaScript:this.value=‘‘" />
                    
                    
            <label style="margin-top:10px">        <img src="{:captcha_src()}"  alt="captcha"  name="captcha" onclick="javascript:this.src=‘{:captcha_src()}?tm=‘+Math.random();" 
                    
                    
                    /></label>
                    
                    
                    </li>
                    
                <li><input name=""  type="button"  class="loginbtn" value="登录"  id="send"/><label>
                    <input
                        name="" type="checkbox" value="" checked="checked" />
                        记住密码</label><label>
                        <ahref="#">忘记密码?</a></label></li>
            </ul>


        </div>
</form>
    </div>
</body>

</html>

 

 控制器简单的返回json格式

    public function login(){
        $request=Request::instance();
        $params=$request->param();
     //   echo "username is:".$params[‘username‘];
      $validate= Validate_Data::loginValidata($params);
      if(!$validate->check($params)){
       //   return       json(["info"=>$validate->getError()]);正确的

 

错误信息

验证信息json返回,前台接收显示无刷新。笔记

标签:width   pwd   position   信息   checkbox   密码   lin   tran   平台   

原文地址:http://www.cnblogs.com/741570hh/p/6868197.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!