Me enfrento a un código JavaScript muy antiguo que usa YAHOO.util.Connect.asyncRequest() para hablar con una API REST. Me gustaría esperar la respuesta de asyncRequest y luego trabajar con los response-data . La estructura de código actual no es suficiente, porque quiero "permanecer" en el método JS actual para mantener el estado.
Mi idea era convertir la devolución de llamada en una promesa, es decir, "prometer" la llamada al método. Sin embargo, los ejemplos que pude encontrar hasta ahora no me llevaron a una solución funcional todavía.
Si hay una mejor solución más actualizada para YAHOO.util.Connect.asyncRequest() , también podría agradecerla.
Así es como se ve el código actualmente:
async function showEditBookingDialogue(bookingForm, courtOnline) { //ToDo: Consolidate all the prompts into one window. let bookingAttributes = bookingForm.getAttribute('data').split('_'); let bookingId = bookingAttributes[0]; //I would like to wait for the response here: YAHOO.util.Connect.asyncRequest('POST', 'com/cms/BookingRequestHandler.php?action=checkpermissions&bid=' + bid, callback); ... } ... var callback = { customevents: { onStart: handleEvent.start, onComplete: handleEvent.complete, onSuccess: handleEvent.success, onFailure: handleEvent.failure, onUpload: handleEvent.upload, onAbort: handleEvent.abort }, scope: handleEvent, argument: ["foo", "bar", "baz"] }; var handleEvent = { start: function (eventType, args) { }, complete: function (eventType, args) { }, success: function (eventType, args) { handleResponse(eventType, args); }, failure: function (eventType, args) { handleResponse(eventType, args); }, upload: function (eventType, args) { handleResponse(eventType, args); }, abort: function (eventType, args) { } };Mis intentos actuales se ven así, sin embargo, no se registra nada en la consola:
const promise = (...args) => { return new Promise((resolve, reject) => { YAHOO.util.Connect.asyncRequest('POST', 'com/cms/BookingRequestHandler.php?action=checkpermissions&bid=' + bid, (err, data) => { if (err) return reject(err) resolve(data) }) }) } await promise() .then(data => { console.log("works") }) .catch(err => { console.log("error") });Al observar un código de ejemplo como este , e incluso su código original, se muestra que la callback de llamada debe ser un objeto de los controladores. Aunque los documentos oficiales también establecen que también se acepta una function , por lo que es un poco confuso.
Aquí hay un ejemplo de cómo podría construirlo usando el objeto de callback de llamada.
const yahooConnectRequest = body => new Promise((resolve, reject) => { const callback = { success: resolve, failure: reject, }; YAHOO.util.Connect.asyncRequest('POST', 'com/cms/BookingRequestHandler.php', callback, body); }); Aunque puede usar then encadenamiento con async , no tiene mucho sentido, a menos que tenga un caso que lo necesite. El siguiente ejemplo es cómo podría hacerlo sin then .
// in async context. try { const body = 'action=checkpermissions&bid=1234'; const response = await yahooConnectRequest(body); console.log(response); } catch(error) { console.error(error); }Tengo curiosidad por saber si esto funcionó.