necesito ayuda quien ah usado jquery ajax para tiempo real?

Iniciado por geshiro, 30 Julio 2015, 04:26 AM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

geshiro

30 Julio 2015, 04:26 AM Ultima modificación: 30 Julio 2015, 04:32 AM por geshiro
necesito que en la parte de donde muestra el error no este estatico si no que desaparesca en unos 3 o 4s no tengo idea como hacerlo ya que lo tengo estatico
tengo algo de idea pero no sabria como hacerlo
Código (html4strict) [Seleccionar]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<title>punto</title>

   <link rel="stylesheet" href="../Resources/css/bootstrap.min.css">
   <link rel="stylesheet" href="../Resources/css/main.css">

</head>
<body>
   <nav class="navbar navbar-default">
       <div class="navbar-header">
           <a href="#" class="navbar-brand">Store</a>
       </div>
   </nav>
   <div class="container">
       <div class="row">
           <div class="col-md-4"></div>
           <div class="col-md-4">
               <div class="panel panel-default">
                   <div class="panel-heading">Login in</div>
                   <div class="panel-body">      
                       <form data-toggle="validator" role="form">
                           <div class="form-group">
                               <label for="username">Username:</label>
                               <div class="input-group">
                                   <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                                   <input type="text" class="form-control" name="username" id="username" placeholder="Username" required>
                               </div>
                           </div>
                           <div class="form-group">
                               <label for="password">Password</label>
                               <div class="input-group">
                                   <span class="input-group-addon"><span class="glyphicon glyphicon-star"></span></span>
                                   <input type="password" class="form-control" id="password" placeholder="Password" required>
                               </div>
                           </div>    
                            <div class="alert alert-danger text-center" style="display:none;" id="error">
                               <p>Invalid username or password !!</p>
                           </div>    
                           <button type="button" class="btn btn-success" onclick='login();'><span class="glyphicon glyphicon-lock"></span> Login</button>  
                       </form>
                   </div>
               </div>
           </div>
       </div>
   </div>
<script src="../Resources/js/jquery-1.11.2.js"></script>
<script src="../Resources/js/bootstrap.min.js"></script>
   <script src="../Resources/js/validator.min.js"></script>
   <script>
     function login(){
               var username = $('#username').val();
               var password = $('#password').val();
               $.ajax({
                   url:'../Controllers/user.php',
                   type:'POST',
                   data:'username='+username+'&password='+password+"&boton=login"
               }).done(function(resp){
                   if(resp=='0'){
                       $('#error').show();
                   }else{
                       location.href='../Views/main.php';
                   }
               });
           }
   </script>
</body>
</html>

EFEX

#1
30 Julio 2015, 04:33 AM
Cita de: geshiro en 30 Julio 2015, 04:26 AM
Código (javascript) [Seleccionar]

...
}).done(function(resp){
   if(resp=='0'){
       $('#error').show().delay(5000).fadeOut();;
   }else{
       location.href='../Views/main.php';
   }
});
...

GITHUB 

engel lex

#2
30 Julio 2015, 04:44 AM
te recomiendo arreglar en formato json (javascript object object notation), tambien olvidaste cerrar el ajax

Código (javascript) [Seleccionar]
function login(){
                var username = $('#username').val();
                var password = $('#password').val();
                $.ajax({
                    url:'../Controllers/user.php',
                    type:'POST',
                    data:'username='+username+'&password='+password+"&boton=login"
                }).done(function(resp){
                    if(resp=='0'){
                        $('#error').show();
                    }else{
                        location.href='../Views/main.php';
                    }
                });
            }

cambia a

Código (javascript) [Seleccionar]
function login(){
                var username = $('#username').val();
                var password = $('#password').val();
               $.ajax({
                    url:'../Controllers/user.php',
                    type:'POST',
                    data:{username:username, password:password, boton:"login"},
                    done:(function(resp){
                    if(resp=='0'){
                        $('#error').show();
                    }else{
                        location.href='../Views/main.php';
                    }
                    })
            });
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.

geshiro

#3
30 Julio 2015, 04:52 AM
otra cosa sabes un link donde puedo hacer las notificaciones tipo facebook con jquery ajax ya enviendolo al servidor cuando el stock se vaya agotar

engel lex

#4
30 Julio 2015, 04:57 AM
no se si te faltan comas o si no están bien organizadas las ideas de la oracion, trata de explicarte en más detalle
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.

geshiro

#5
30 Julio 2015, 05:04 AM Ultima modificación: 30 Julio 2015, 05:15 AM por engel lex
ahora no me agarra la funcion login
Código (javascript) [Seleccionar]

function login(){
               var username = $('#username').val();
               var password = $('#password').val();
               $.ajax({
                   url:'../Controllers/user.php',
                   type:'POST',
                   data:'username='+username+'&password='+password+"&boton=login"
               }).done(function(resp){
                   if(resp=='0'){
                       $('#error').show().delay(500).fadeOut();
                   }else{
                       location.href='../Views/main.php';
                   }
               })
           });


Mod: Etiqueta modificada, esto es javascript no html

engel lex

#6
30 Julio 2015, 05:17 AM
que error te da?

no será por ese done como parte del data?

con delay 500, si hay varios clientes te harás un DDoS a ti mismo
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.

MinusFour

#7
30 Julio 2015, 05:18 AM
Cita de: geshiro en 30 Julio 2015, 05:04 AM
ahora no me agarra la funcion login
Código (javascript) [Seleccionar]

function login(){
               var username = $('#username').val();
               var password = $('#password').val();
               $.ajax({
                   url:'../Controllers/user.php',
                   type:'POST',
                   data:'username='+username+'&password='+password+"&boton=login"
               }).done(function(resp){
                   if(resp=='0'){
                       $('#error').show().delay(500).fadeOut();
                   }else{
                       location.href='../Views/main.php';
                   }
               })
           });


Mod: Etiqueta modificada, esto es javascript no html

Lo tenías bien la última vez, se le paso la función login a engel lex.

Código (javascript) [Seleccionar]
function login(){
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url:'../Controllers/user.php',
type:'POST',
data:'username='+username+'&password='+password+"&boton=login"
}).done(function(resp){
if(resp=='0'){
$('#error').show().delay(500).fadeOut();
}else{
location.href='../Views/main.php';
}
});
}

geshiro

#8
30 Julio 2015, 05:30 AM
con cuanto delay seria bueno dejarlo sin provocarme un DDOS a mi mismo

engel lex

#9
30 Julio 2015, 05:34 AM
depende de tu servidor, la cantidad de usuarios esperados y que dinamismo esperas de la pagina...

normalmente los sistemas en windows (como administrador de tareas para que te hagas una idea) usa 1 segundo, la mayor parte de las paginas entre 3 y 5
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
Imprimir
Ir Arriba Páginas1
Acciones del Usuario