No estoy acostumbrado al método asincrónico, por lo que me gustaría contar con su ayuda. Tengo este método ajax que obtiene los datos de mis tablas mysql. Necesito recuperar estos datos para usarlos en mi código.
Aquí está mi código:
function ajaxRequest(type,url,callback,data=""){ let request = new XMLHttpRequest(); request.open(type, url); request.onload = function () { switch (request.status){ case 200: case 201: //console.log(request.responseText); callback(request.responseText); break; default: console.log(request.status); } }; request.send(data); } function setAvailableQuestions(){ ajaxRequest("GET","../controller.php?func=get_availableQuestion", (questions) => { var allQuestions = JSON.parse(questions); return allQuestions; }); } function getNewQuestion(){ var availableQuestions = setAvailableQuestions(); console.log(availableQuestions); //undefined}
Leí que podría resolverlo de dos maneras diferentes, la primera es poner la solicitud ajax asíncrona en falso:
function setAvailableQuestions(){ var ajax = new XMLHttpRequest(); var asynchronous = false; ajax.open("GET","../controller.php?func=get_availableQuestion", asynchronous); ajax.send(); ajax.onreadystatechange = function(){ var allQuestions = JSON.parse(this.response); return allQuestions; } } function getNewQuestion(){ var availableQuestions = setAvailableQuestions(); console.log(availableQuestions); //undefined }Pero aún se muestra indefinido. Y el otro método es usar .then o esperar métodos asincrónicos, pero no sé cómo aplicarlo a mi primer código.
¿Alguien tiene una idea para ayudarme?
Intente configurar el "retorno" en setAvailableQuestions().
function setAvailableQuestions(){ var ajax = new XMLHttpRequest(); var asynchronous = false; ajax.open("GET","../controller.php?func=get_availableQuestion", asynchronous); ajax.send(); ajax.onreadystatechange = function(){ var allQuestions = JSON.parse(this.response); return allQuestions; } return ajax.onreadystatechange; }