PHP - PHP + Javascript + JQuery Mobile

 
Vista:
Imágen de perfil de Henry
Val: 32
Ha aumentado su posición en 9 puestos en PHP (en relación al último mes)
Gráfica de PHP

PHP + Javascript + JQuery Mobile

Publicado por Henry (11 intervenciones) el 17/02/2021 02:53:02
Buenas noches soy un estudiante de programación en arras de expandir mis conocimientos, tuve un problema con un codigo basico para mi y me he rompido cabeza buscando la solución para la situación.

Estoy usando Jquery Mobile por ordenes de mi superior pero presento un problema para el retorno de una respuesta para el Javascript. No se si aqui alguien sepa que estoy haciendo mal.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?php
	include 'conexion.php';
 ?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1">
	<link rel="stylesheet" href="Jquery/jquery.mobile-1.4.5.css">
	<script src="Jquery/jquery.min.js"></script>
	<script src="Jquery/jquery.mobile-1.4.5.min.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
 
	<title>Inicio de sesión</title>
</head>
 
<body>
	<div data-role="page" id="login">
			<div data-role="header" data-theme="b">
				<a href="index.php" data-role="button" data-icon="home" data-theme="b">Regresar</a>
				<h1>Inicio de sesión</h1>
			</div>
 
			<div class="ui-content" role="main">
			<!-- action="validar_login.php" method="post" data-ajax="false" -->
			<form id="form">
				<label for="basic">Usuario</label>
				<input type="text" name="username" id="username" data-mini="true">
				<label for="basic">Contraseña</label>
				<input type="password"  name="password" id="password" data-mini="true">
				<input type="submit" name="ingresar" value="ingresar" id="ingresar">
			</form>
			<a href="registro.php" data-transition="slide" >¿No tiene cuenta? Registrese</a>
			</div>
 
		<div data-role="footer" data-theme="b" data-position="fixed">
			<h2>Copyright 2021</h2>
		</div>
 
	</div>
 
 
</body>
</html>


Js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
$(document).on("pagecreate", "#login", function(){
 
    $("#ingresar").click(function(event){
        event.preventDefault();
 
        var username = document.getElementById('username').value;
        var password = document.getElementById('password').value;
        // var username = $("#username").val();
        // var password = $("#password").val();
 
        if (username.length == " ") {
          alert('No has ingresado usuario')
          return false;
        }
 
        if (password.length == " ") {
          alert('No has ingresado contraseña')
          return false;
        }
 
 
        $.post('validar_login.php',{
          username : username,
          password : password
        },
 
        function(respuesta){
          if (respuesta == true) {
            alert("Datos correctos");
            $.mobile.changePage("index.php");
 
          } else {
            alert("Usuario o contraseña incorrecta.");
          }
        });
 
    });
});

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?php
session_start();
require_once("conexion.php");
global $link;
 
	//reciben los datos del formulario
	$_SESSION['username']=$_POST['username'];
	$_SESSION['password']=$_POST['password'];
 
	$sql= "select * from usuarios where username ='$_SESSION[username]' and password= '$_SESSION[password]'";
 
	//se evluan con los datos del servidor
 
	$result=mysqli_query($link, $sql);
	$rows=mysqli_num_rows($result);
 
	if($rows){ // nos devuelve valor si encontro el usuario y el password
		echo true;
	}
	else
	{
		echo false;
	}
	mysqli_close($link);
?>


Hasta este momento se que js y php funcionan hasta cierto punto. Por ejemplo el javascript consigue los datos y los envia, el php procesa la información pero no veo que el php retorne una respuesta valida a mi funcion Respuesta, que esta incluido en el js ¿Alguien podria decirme que me falta?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 393
Ha mantenido su posición en PHP (en relación al último mes)
Gráfica de PHP

PHP + Javascript + JQuery Mobile

Publicado por Jefferson (211 intervenciones) el 17/02/2021 04:33:04
Intenta cambiando la sql

1
2
3
4
$sql= "select * from usuarios where username = " ' . $_SESSION[username] . ' " and password=
"  ' . $_SESSION[password] . ' "  ;

Saludos
Desde Venezuela
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Henry
Val: 32
Ha aumentado su posición en 9 puestos en PHP (en relación al último mes)
Gráfica de PHP

PHP + Javascript + JQuery Mobile

Publicado por Henry (11 intervenciones) el 17/02/2021 19:05:25
No funciono compañero, según yo la variable rows de mi php arroja 1, osea true ¿no?. Me imagino que el Javascript no recibe una respuesta como tal. Hay quienes me dicen que debe ser el Jquery Mobile que esta bien obsoleto.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 393
Ha mantenido su posición en PHP (en relación al último mes)
Gráfica de PHP

PHP + Javascript + JQuery Mobile

Publicado por Jefferson (211 intervenciones) el 18/02/2021 00:31:16
Hola buenas noches

Lamentablemente está es la hora que me conecto, te iba a comentar que lo escribí mal, es intercambiando las comillas (simple y doble).

Mañana pruebo tu código tal como lo guindaste y busco la solución.

Otra cosa? Obligado debe ser por JQuery?

Ya eso no se usa, salvó que consigamos un proyecto que lo tenga y su Javascript sea muy extenso.

En lo particular deje de usar esa librería hace tiempo, dado que js moderno es mucho más potente y sencillo que JQuery.

Saludos desde Venezuela
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Henry
Val: 32
Ha aumentado su posición en 9 puestos en PHP (en relación al último mes)
Gráfica de PHP

PHP + Javascript + JQuery Mobile

Publicado por Henry (11 intervenciones) el 18/02/2021 03:39:15
La verdad es obligado, me gustaria usar alguna otra cosa. De hecho llevo asesorias con un compañero del Perú, y el enseña con Bootstrap, y demas librerias.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 393
Ha mantenido su posición en PHP (en relación al último mes)
Gráfica de PHP

PHP + Javascript + JQuery Mobile

Publicado por Jefferson (211 intervenciones) el 18/02/2021 15:40:49
Hola amigo Henry

Acabo de probar tu código y funciona a la perfección sin modificar absolutamente nada.

Que Browser estas usando ?

Puede que hay esta el problema o tienes mas script en tu proyecto que estarían estando en conflicto....

De ser cierto esto, dile a tu supervisor que el mundo avanza y la tecnología aun mas rápido.

Son tan variadas las concurrencias en conflicto que puedas tener que por citarte algo, si tienes el cdn de bootstrap corriendo con JQuery mobile los dos atacan los data-role en el DOM y en ese escenario ocurre un conflicto.

Que se puede evitar ? Si claro JQuery te da la opción de elegir mediante js quien tiene prioridad, pero hacer este script es un dolor de huevas.

Mi recomendación es hasta el cansancio dejar de usar librerías externas y usar las nativas. js moderno es muy potente, mas que cualquier versión de JQuery

En cuanto a css responsive, si bien bootstrap es un gran frameworks, estudia css grid nativo y veras que haces maravillas.

Ahora bien, si quieres obviar todo ese código (escribir, escribir, escribir...) Aprende frameworks robustos que para mi criterio el mejor de todos es react.js de facebook que al aprender este primero, los demás complementos como react native se te harán mas fáciles de aprender.

Justo en este momento me encuentro estoy estudiando esta librería, puesto que con ella podemos crear app móviles nativas, tanto para android como ios

Saludos desde Venezuela
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Henry
Val: 32
Ha aumentado su posición en 9 puestos en PHP (en relación al último mes)
Gráfica de PHP

PHP + Javascript + JQuery Mobile

Publicado por Henry (11 intervenciones) el 18/02/2021 20:23:14
Muchas gracias, uso opera. Sobre el script, apenas es este script que estoy usando. No estoy usando bootstrap en este proyecto, debido a los requisitos de mi profesor. Pero estaré atendiendo a tus recomendaciones sobre lo del navegador. Muchas gracias!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar