Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: geshiro en 30 Julio 2015, 04:26 am


Título: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: geshiro 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.  

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: EFEX 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.  

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: engel lex 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.             });

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: geshiro 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

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: engel lex 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

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: 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

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: engel lex 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

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: MinusFour 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. }

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: geshiro en 30 Julio 2015, 05:30 am
con cuanto delay seria bueno dejarlo sin provocarme un DDOS a mi mismo

Título: Re: necesito ayuda quien ah usado jquery ajax para tiempo real?
Publicado por: engel lex 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


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines