灵活运用jQ中的ajax

HTML主要代码

<meta name="_token" content="622WTGsiGPgpFa7MGMyzBJ8PiHArGKtm2aIuqGSo"/>

<div id="tan"></div>

<input class=" form-control " type="password" name="password" id="password" >
<input class="form-control " id="username" name="username"  type="text" >
<button class="btn aaaaaaa"  id="login" style='width:110% 'type="submit"></button>

jQ中aja主要代码

<script type="text/javascript">
  $('#login').click(function(){
    var username = $('#username');
    var password = $('#password');
    if(username.val()==''){
       username.focus();
      return tootip('用户名不能为空!');
      
    }

    if(password.val()==''){
       password.focus();
      return tootip('密码不能为空!');
      
    }

    $.ajax({
        type: 'post',
        url: 'URL',
        data: { 'username': username.val(),'password':password.val()},
        dataType: 'json',
        headers: {'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')},
        context: $('body'),
        success: function(data){//err

            if(data.err==1){
               return tootip('用户名和密码都不能为空!');
            }
            if(data.err==2){
             
              username.val('');
              password.val('');
              username.focus();
               return tootip('用户名不存在!');
            }
            if(data.err==3){
               password.val('');
               password.focus();
               return tootip('密码不正确!');
            }

            if(data.err==6){
               password.val('');
               password.focus();
               return tootip(data.wz);
            }            
            if(data.err==4){
               return tootip('登录失败,账号非活动状态，禁止登陆!');
            }
            
            if(data.err==5){
               location.href = data.url;
			   return false;
            }
            

        },error: function(xhr, type){
            return tootip('网络连接出错!');
        }


    })
    return false;

  })

  function tootip(t1){
    var t2 = '<div class="HTooltip shake animated" style="width:280px;padding:10px;text-align:center;background-color:#82574f;color:#fff;position:fixed;top:10px;left:50%;z-index:100001;margin-left:-150px;box-shadow:1px 1px 5px #333;-webkit-box-shadow:1px 1px 5px #333;">'+t1+'</div>';
    $('#tan').html(t2);
     window.setTimeout(hideDiv,3000);
     return false;
  }
  function hideDiv(){
    $('#tan').html(' ');
  }
</script>