Avalados por :

Solución de problema de verificación de usuario y contraseña usando AJAX y JSON

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 7 Vistas
0
Cargando...

Quiero hacer una vista que cambie si tengo éxito al iniciar sesión y se mueva a la siguiente vista.

Pero tengo un problema al verificar mi usuario y contraseña usando datos ajax y json.

Creo que el problema está en la parte ajax de cotroller.js

Por favor, desarrollador senior, ayúdame con este problema.

Aquí está mi código

Login.view.xml

<content>

<form:SimpleForm maxContainerCols = "3" layout = "ResponsiveLayout">

<form:content>

<Label text = "" />

<Input id = "username" type = "Text" placeholder = "Nombre de usuario" />

<Label text = "" />

<Input id = "password" type = "Password" placeholder = "Contraseña" />

<Label text = "" />

<Button id = "login" press = "hello" text = "Iniciar sesión" />

</form:content>

</form:SimpleForm>

</content>

Login.controller.js

hello: function(oEvent) {

var user = this.byId("username").getValue();

var passw = this.byId("password").getValue();

$.ajax({

type : "POST",

url : "User/user.json",

dataType : "json",

async : false,

data : '{"userName": "' + user + '", "password" : "' + passw + '"}',

success: function (data) {

if(user == value.user_name && passw == value.user_name) {

var MP = new sap.ui.view({viewName:"test.Menu",type:sap.ui.core.mvc.ViewType.XML});

var DP = new sap.ui.view({viewName:"test.Dashboard",type:sap.ui.core.mvc.ViewType.XML});

var split_container = new sap.m.SplitContainer({

masterPages: MP,

detailPages: DP

});

app.addPage(split_container);

app.to(split_container);

}

}

});

user.json

{

"1" : {

"user_name" : "hello",

"password" : "1234"

},

"2" : {

"user_name" : "gwanghyun",

"password" : "1234"

}

}

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

2 Respuestas

0
Cargando...

Buen día John,

Estoy trabajando en un proyecto similar y soy bastante nuevo en SAPUI5 pero tengo experiencia en PHP y Ajax. Me gustaría saber cómo lograste resolver el problema anterior. También apreciaría si pudieras brindar alguna orientación sobre lecciones aprendidas durante tu implementación.

Tu pronta respuesta será muy apreciada.

Saludos,

Thulani

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

¡Hola John!

Por favor, verifica esta condición.

success: function (data) {

if(user == valor.user_name && passw == valor.user_name) {

......

}

En este método recibes el objeto data no valor.

Debería ser:

if(user == data.user_name && passw == data.password) {

......

}

Una cosa más.
Primero verifica qué respuesta está llegando en tu llamada ajax.

Gracias y saludos cordiales

Aasif Shah

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?