assync does not work in ajax

Question

I’m trying to use async to return the amount the bank will bring, but it’s not working

async function emailExi(email){ 
    const teste = await $.ajax({
        url: "../banco/emailexi.php",
        method: "POST",
        data: {email: email},
        success: function(data){
            console.log(data)
            return data
        }
    })
}

I am testing with a console.log(), and returns promisse{pending}

Here’s the version with the then, I don’t know if it’s right

async function emailExi(email){ 
    const teste = await $.ajax({
        url: "../banco/emailexi.php",
        method: "POST",
        data: {email: email},
    }).then(function(data){
        return data
    })
}

var tr = emailExi("aa")

console.log(tr)

So I have 2 functions:

function valiEmail(email){
let erro = false

if (emailExi(inputEmail)){
erro = "email já existe. Por favor coloque outro email"
}

return erro
}

async function emailExi(email){ 
    const teste = await $.ajax({
        url: "../banco/emailexi.php",
        method: "POST",
        data: {email: email},
    })
    return teste
}

i want to return if it is true or false there for valiEmail function, how do I do this?

Answer 1

If using the await, doesn’t need the success or then within the function. You will need then only when it is not already in asynchronous scope.

async function get_title(id) {
  const data = await $.ajax(`https://jsonplaceholder.typicode.com/todos/${id}`);
  
  return data.title;
}

// Pode obter o resultado utilizando o then
get_title(1).then(title => console.log(title));

// Ou usando o await dentro de uma função async
(async () => {
  const title = await get_title(1);
  console.log(title);
})()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>