elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Rompecabezas de Bitcoin, Medio millón USD en premios


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  necesito ayuda quien ah usado jquery ajax para tiempo real?		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: necesito ayuda quien ah usado jquery ajax para tiempo real?  (Leído 4,336 veces)
geshiro

Desconectado Desconectado

Mensajes: 178


Ver Perfil
necesito ayuda quien ah usado jquery ajax para tiempo real?
« en: 30 Julio 2015, 04:26 am »
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
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. 	<meta charset="UTF-8">
  5. 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6.    	<meta name="viewport" content="width=device-width, initial-scale=1">
  7. 	<title>punto</title>
  8.  
  9.     <link rel="stylesheet" href="../Resources/css/bootstrap.min.css">
  10.     <link rel="stylesheet" href="../Resources/css/main.css">
  11.  
  12. </head>
  14.     <nav class="navbar navbar-default">
  15.         <div class="navbar-header">
  16.             <a href="#" class="navbar-brand">Store</a>
  17.         </div>
  18.     </nav>
  19.     <div class="container">
  20.         <div class="row">
  21.             <div class="col-md-4"></div>
  22.             <div class="col-md-4">
  23.                 <div class="panel panel-default">
  24.                     <div class="panel-heading">Login in</div>
  25.                     <div class="panel-body">       
  26.                         <form data-toggle="validator" role="form">
  27.                             <div class="form-group">
  28.                                 <label for="username">Username:</label>
  29.                                 <div class="input-group">
  30.                                     <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
  31.                                     <input type="text" class="form-control" name="username" id="username" placeholder="Username" required>
  32.                                 </div>
  33.                             </div>
  34.                             <div class="form-group">
  35.                                 <label for="password">Password</label>
  36.                                 <div class="input-group">
  37.                                     <span class="input-group-addon"><span class="glyphicon glyphicon-star"></span></span>
  38.                                     <input type="password" class="form-control" id="password" placeholder="Password" required>
  39.                                 </div>
  40.                             </div>     
  41.                              <div class="alert alert-danger text-center" style="display:none;" id="error">
  42.                                 <p>Invalid username or password !!</p>
  43.                             </div>    
  44.                             <button type="button" class="btn btn-success" onclick='login();'><span class="glyphicon glyphicon-lock"></span> Login</button>   
  45.                         </form>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </div>
  50.     </div>
  51. 	<script src="../Resources/js/jquery-1.11.2.js"></script>
  52. 	<script src="../Resources/js/bootstrap.min.js"></script>
  53.     <script src="../Resources/js/validator.min.js"></script>
  54.     <script>
  55.       function login(){
  56.                 var username = $('#username').val();
  57.                 var password = $('#password').val();
  58.                 $.ajax({
  59.                     url:'../Controllers/user.php',
  60.                     type:'POST',
  61.                     data:'username='+username+'&password='+password+"&boton=login"
  62.                 }).done(function(resp){
  63.                     if(resp=='0'){
  64.                         $('#error').show();
  65.                     }else{
  66.                         location.href='../Views/main.php';
  67.                     }
  68.                 });
  69.             }
  70.     </script>
  71. </body>
  72. </html>
  73.  
« Última modificación: 30 Julio 2015, 04:32 am por geshiro » En línea
EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #1 en: 30 Julio 2015, 04:33 am »
Cita de: geshiro en 30 Julio 2015, 04:26 am
Código
  1. ...
  2. }).done(function(resp){
  3.     if(resp=='0'){
  4.         $('#error').show().delay(5000).fadeOut();;
  5.     }else{
  6.         location.href='../Views/main.php';
  7.     }
  8. });
  9. ...
  10.  
En línea
GITHUB 
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #2 en: 30 Julio 2015, 04:44 am »
te recomiendo arreglar en formato json (javascript object object notation), tambien olvidaste cerrar el ajax

Código
  1. function login(){
  2.                 var username = $('#username').val();
  3.                 var password = $('#password').val();
  4.                 $.ajax({
  5.                     url:'../Controllers/user.php',
  6.                     type:'POST',
  7.                     data:'username='+username+'&password='+password+"&boton=login"
  8.                 }).done(function(resp){
  9.                     if(resp=='0'){
  10.                         $('#error').show();
  11.                     }else{
  12.                         location.href='../Views/main.php';
  13.                     }
  14.                 });
  15.             }

cambia a

Código
  1. function login(){
  2.                 var username = $('#username').val();
  3.                 var password = $('#password').val();
  4.                $.ajax({
  5.                     url:'../Controllers/user.php',
  6.                     type:'POST',
  7.                     data:{username:username, password:password, boton:"login"},
  8.                     done:(function(resp){
  9.                     if(resp=='0'){
  10.                         $('#error').show();
  11.                     }else{
  12.                         location.href='../Views/main.php';
  13.                     }
  14.                     })
  15.             });
En línea
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

Desconectado Desconectado

Mensajes: 178


Ver Perfil
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #3 en: 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
En línea
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #4 en: 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
En línea
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

Desconectado Desconectado

Mensajes: 178


Ver Perfil
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #5 en: 30 Julio 2015, 05:04 am »
ahora no me agarra la funcion login
Código
  1.  function login(){
  2.                 var username = $('#username').val();
  3.                 var password = $('#password').val();
  4.                 $.ajax({
  5.                     url:'../Controllers/user.php',
  6.                     type:'POST',
  7.                     data:'username='+username+'&password='+password+"&boton=login"
  8.                 }).done(function(resp){
  9.                     if(resp=='0'){
  10.                         $('#error').show().delay(500).fadeOut();
  11.                     }else{
  12.                         location.href='../Views/main.php';
  13.                     }
  14.                 })
  15.             });
  16.  

Mod: Etiqueta modificada, esto es javascript no html
« Última modificación: 30 Julio 2015, 05:15 am por engel lex » En línea
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #6 en: 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
En línea
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
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #7 en: 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
  1.  function login(){
  2.                 var username = $('#username').val();
  3.                 var password = $('#password').val();
  4.                 $.ajax({
  5.                     url:'../Controllers/user.php',
  6.                     type:'POST',
  7.                     data:'username='+username+'&password='+password+"&boton=login"
  8.                 }).done(function(resp){
  9.                     if(resp=='0'){
  10.                         $('#error').show().delay(500).fadeOut();
  11.                     }else{
  12.                         location.href='../Views/main.php';
  13.                     }
  14.                 })
  15.             });
  16.  

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
  1. function login(){
  2. 	var username = $('#username').val();
  3. 	var password = $('#password').val();
  4. 	$.ajax({
  5. 		url:'../Controllers/user.php',
  6. 		type:'POST',
  7. 		data:'username='+username+'&password='+password+"&boton=login"
  8. 	}).done(function(resp){
  9. 		if(resp=='0'){
  10. 			$('#error').show().delay(500).fadeOut();
  11. 		}else{
  12. 			location.href='../Views/main.php';
  13. 		}
  14. 	});
  15. }
En línea
geshiro

Desconectado Desconectado

Mensajes: 178


Ver Perfil
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #8 en: 30 Julio 2015, 05:30 am »
con cuanto delay seria bueno dejarlo sin provocarme un DDOS a mi mismo
En línea
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
« Respuesta #9 en: 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
En línea
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.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
ayuda con la funcion jquery-ajax $.post(). como se implementa ??
Desarrollo Web 		jhonatanAsm 4 5,720 Último mensaje 1 Diciembre 2011, 19:18 pm
por jhonatanAsm
Como modificar para convertirlo en una encuesta? (Jquery , Ajax, Php, Mysql)
Desarrollo Web 		amadeo123 1 3,626 Último mensaje 27 Diciembre 2011, 21:42 pm
por #!drvy
Necesito ayuda para hacer una tabla dinamica con ajax,mysql y php
PHP 		juancarlossoma 3 5,028 Último mensaje 4 Octubre 2012, 19:32 pm
por 4rkn63l
[Ayuda] Usar 2 Jquery al mismo tiempo - Usar 2 veces jquery
Desarrollo Web 		Graphixx 5 8,370 Último mensaje 19 Diciembre 2012, 17:17 pm
por #!drvy
Ayuda jquery ajax error internal serve 500
Desarrollo Web 		andrex.125 1 3,309 Último mensaje 12 Diciembre 2014, 08:01 am
por engel lex
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines