Login com javascript e html (para app hibrido)

Estou estudando sobre dispositivos hibridos e necessito de um sistema de login para o mesmo, consigo, via ajax verificar se os dados do input (login e senha) são validos e jogar para a pagina restrita, mas como tratarei via app, não posso usar php, gostaria de entender como restrinjo e pego id do usuario em javascript?

Para entenderem, segue o codigo em javascript (ajax) e php

formulario de acesso (html)

>

Citar

 <h2 id="errolog">Usuário ou senha errados!</h2>

 <form id="formlogin">

     <input type="email" id="email" placeholder="Digite seu e-mail" required="" />

     <input type="password" id="senha" placeholder="Senha" required="" />

     <button type="submit">Entrar</button>

 </form>

	 

	script pra fazer a consulta

>

Citar

 $(document).ready(function(){

     $('#errolog').hide(); //Esconde o elemento com id errolog

     $('#formlogin').submit(function(){     //Ao submeter formulário

         var login=$('#email').val();    //Pega valor do campo email

         var senha=$('#senha').val();    //Pega valor do campo senha

         $.ajax({            //Função AJAX

             url:"login.php",            //Arquivo php

             type:"post",                //Método de envio

             data: "login="+login+"&senha="+senha,    //Dados

                success: function (result){            //Sucesso no AJAX

                         if(result==1){                        

                             location.href='restrito.php'    //Redireciona

                         }else{

                             $('#errolog').show();        //Informa o erro

                         }

                     }

         })

         return false;    //Evita que a página seja atualizada

     })

 })

	 

	consulta no codigo php

>

Citar

 <?php

   mysql_connect('localhost', 'root','')or die();    //Conecta com o MySQL

   mysql_select_db('loginajax');                        //Seleciona banco de dados

   

   $login=$_POST['login'];    //Pegando dados passados por AJAX

   $senha=$_POST['senha'];

   

   //Consulta no banco de dados

   $sql="select * from usuarios where email='".$login."' and senha='".sha1($senha)."'"; 

   $resultados = mysql_query($sql)or die (mysql_error());

   $res=mysql_fetch_array($resultados); //

     if (@mysql_num_rows($resultados) == 0){

         echo 0;    //Se a consulta não retornar nada é porque as credenciais estão erradas

     }

     

     else{

         echo 1;    //Responde sucesso

         if(!isset($_SESSION))     //verifica se há sessão aberta

         session_start();        //Inicia seção

         //Abrindo seções

         $_SESSION['usuarioID']=$res['id'];         

         $_SESSION['nomeUsuario']=$res['nome'];

         $_SESSION['email']=$res['email'];    

         exit;    

     }

 ?>

	 

	codigo para restringir as paginas (aqui está o problema, ja que devo chamar paginas html e não pode ter codigos php direto no arquivo)

>

Citar

 <?php

 session_start();     //A seção deve ser iniciada em todas as páginas

 if (!isset($_SESSION['usuarioID'])) {        //Verifica se há seções

         session_destroy();                        //Destroi a seção por segurança

            header("Location: index.html"); exit;    //Redireciona o visitante para login

 }

 ?>