Ajax get запрос остается на readystate 1, но когда я регистрирую текст ответа в консоли, он отображается без проблем.

Я не могу отобразить результат в моем html, потому что запрос остается в состоянии 1 и текст ответа отображается неопределенным. Когда я обращаюсь к url, он отображает значение, которое я хочу показать в html. Почему это происходит? Я использую django на стороне сервера. Я новичок в ajax, но я не смог найти ответ на эту проблему в других уже решенных вопросах.

Код, выполняющий запрос:

const getHighScore = (gameID, levelID) => {
  let ajaxPrueba = $.ajax({
    url: `/get-data/${gameID}/${levelID}`,
    type: 'get',
    success: function(data) {
        return data;
    },
    failure: function(data) { 
        console.log('Got an error dude');
    }
  });

  return ajaxPrueba;
}

Параметры, которые я передаю: 1 для gameID и 1 для levelID Урл, о котором я говорю

Также вот что возвращает консоль:

ajaxPrueba = $.ajax({
    url: `/get-data/1/1`,
    type: 'get',
    success: function(data) {
        return data;…
Object { readyState: 1, getResponseHeader: getResponseHeader(e), getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(e, t), overrideMimeType: overrideMimeType(e), statusCode: statusCode(e), abort: abort(e), state: state(), always: always(), catch: catch(e)
, … }
​
abort: function abort(e)​
always: function always()​
catch: function catch(e)​
done: function add()​
fail: function add()​
getAllResponseHeaders: function getAllResponseHeaders()​
getResponseHeader: function getResponseHeader(e)​
overrideMimeType: function overrideMimeType(e)​
pipe: function pipe()​
progress: function add()​
promise: function promise(e)
​
readyState: 4
​
responseText: "22"
​
setRequestHeader: function setRequestHeader(e, t)​
state: function state()
​
status: 200
​
statusCode: function statusCode(e)
​
statusText: "OK"
​
then: function then(t, n, r)​
<prototype>: Object { … }

ajaxPrueba.readyState
4 

Вернуться на верх