Как получить такой return функции с ajax?

Question

[howuu]

Есть такая функция:

function request(url, param) {
  var url = url;
  var csrftoken = getCookie('csrftoken');
  data = {'csrfmiddlewaretoken':  csrftoken, param: param };

  $.ajax({
          url: url,
          type: "POST",
          data: data ,
          cache:false,
          dataType: "json",
          success: function(resp){
            alert(resp.answer); 
            
        }
       }) ;
  }

Как получить из нее resp.answer, когда вызываешь ее так
answer = request(url="/myurl/", param = param)
Нужно что бы переменной answer присвоилось значение resp.answer

Answer 1

[Ihor Bratukh]

Async/await работает с Theneble объектами, а в Deferred объекте jQuery есть then метод.
1. Из функции request делаем return $.ajax(...)
2. Использовать async/await в функции с флагом async

function request(url, param) {
    // ...
    return $.ajax({
        // ...
    });
}

request("/url", param).done(function (data) {
    console.log(data.answer);
});

(async () => {
    const answer = await request("/url", param);
    console.log(answer);
})();

Answer 2

[Alex]

function request(url, param) {
return new Promise(function (res) {
  var url = url;
  var csrftoken = getCookie('csrftoken');
  data = {'csrfmiddlewaretoken':  csrftoken, param: param };

  $.ajax({
          url: url,
          type: "POST",
          data: data ,
          cache:false,
          dataType: "json",
          success: function(resp){
            res(resp); 
            
        }
       }) ;
})
  }

request(url="/myurl/", param = param).then(function (resp) {
alert(resp.answer);
})

Или так

function request(url, param) {
  var url = url;
  var csrftoken = getCookie('csrftoken');
  data = {'csrfmiddlewaretoken':  csrftoken, param: param };

 return $.ajax({
          url: url,
          type: "POST",
          data: data ,
          cache:false,
          dataType: "json",
       }) ;
  }

Comments

[howuu]

второй вариант возвращает undefined, а первый я не совсем понял,
мне нужно что бы при вызове функции
answer = request(url="/myurl/", param = param)
answer был равен resp.nmb
что бы с ним потом можно было бы делать какие то действия, в примере я его вывожу через alert(), хочу что бы можно было сделать alert(answer) и вывелось значение resp.nmb

[Alex]

howuu, Почитайте про асинхронность в JavaScript и про Промисы. И не лишним будет после этого ознакомится с документацией $.ajax()