function myFunction(username, mess_id) { mess = document.getElementById(mess_id); mess.innerText = "Sending..."; $.ajax({ type: 'GET', url: '/user/resend', data: {usr:username}, success: function(data){ mess.innerText = data; } }) }En fetch API he escrito como:
message = document.getElementById('mess_id'); message.innerText = 'Sending...'; fetch(url) .then(data => data.text()) .then(mess => message.innerText = mess)Pero, ¿qué pasa con el atributo de datos de la función ajax?
Está intentando enviar una solicitud GET, que debe contener datos solo en la cadena de consulta y no en la carga útil de la solicitud.
Por lo tanto, puede usar esto para enviar al usuario:
function myFunction(username, mess_id) { mess = document.getElementById(mess_id); mess.innerText = "Sending..."; $.ajax({ type: 'GET', url: '/user/resend?usr=' + username, success: function(data){ mess.innerText = data; } }) } Sin embargo, si aún desea enviar data: {usr:username} en el cuerpo de la solicitud, puede enviar una solicitud POST como esta usando fetch :
async function postData(url = '', data = {}) { // Default options are marked with * const response = await fetch(url, { method: 'POST', // *GET, POST, PUT, DELETE, etc. headers: { 'Content-Type': 'application/json' // 'Content-Type': 'application/x-www-form-urlencoded', }, body: JSON.stringify(data) // body data type must match "Content-Type" header }); return response.text(); JavaScript objects } postData('/user/resend', {usr:username}) .then(data => { console.log(data); });