Как распарсить ответ сервера после $ajax() запроса?

Question

[Михаил Кулигин]

Отправляю запрос так:

function send() {
var uri = 'http://127.0.0.1:5000/todo/api/v1.0/tasks';
var method = 'GET'
var request = {
    url: uri,
    type: method,
    contentType: "application/json",
    accepts: "application/json",
    cache: false,
    dataType: 'json',    
};    
return $.ajax(request);   
};

в логе прилетает вот такая каша (лог ниже), typeof говорит, что это объект, не могу понять как мне извлечь responseText ?

{readyState: 1, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, overrideMimeType: ƒ, …}abort: ƒ ( statusText )always: ƒ ()complete: ƒ ()done: ƒ ()error: ƒ ()fail: ƒ ()getAllResponseHeaders: ƒ ()getResponseHeader: ƒ ( key )overrideMimeType: ƒ ( type )pipe: ƒ ( /* fnDone, fnFail, fnProgress */ )progress: ƒ ()promise: ƒ ( obj )readyState: 4responseText: "{↵    "tasks": [↵        {↵            "title": "Buy groceries",↵            "description": "Milk, Cheese, Pizza, Fruit, Tylenol",↵            "done": false,↵            "uri": "/todo/api/v1.0/tasks/1"↵        },↵        {↵            "title": "Learn Python",↵            "description": "Need to find a good Python tutorial on the web",↵            "done": false,↵            "uri": "/todo/api/v1.0/tasks/2"↵        }↵    ]↵}↵"setRequestHeader: ƒ ( name, value )state: ƒ ()status: 200statusCode: ƒ ( map )statusText: "OK"success: ƒ ()then: ƒ ( /* fnDone, fnFail, fnProgress */ )__proto__: Object

Если запрос отправить вручную в браузере 127.0.0.1:5000/todo/api/v1.0/tasks, то возвращается нормальный json:

{
    "tasks": [
        {
            "title": "Buy groceries",
            "description": "Milk, Cheese, Pizza, Fruit, Tylenol",
            "done": false,
            "uri": "/todo/api/v1.0/tasks/1"
        },
        {
            "title": "Learn Python",
            "description": "Need to find a good Python tutorial on the web",
            "done": false,
            "uri": "/todo/api/v1.0/tasks/2"
        }
    ]
}

Answer 1

[Егор Живагин]

Можно даже проще делать

var uri = 'http://127.0.0.1:5000/todo/api/v1.0/tasks';
$.get(uri, function (data) {
  console.log('data from server --- ', data);
})

Если нужен всё таки вариант из вопроса - смотрите тут про .done()

Comments

[Михаил Кулигин]

а вы не подскажете, почему когда я вывожу внутри функции

function (data) { console.log('data from server --- ', data);

выводится нормальный json к нему можно обращаться по ключам:

{tasks: Array(2)}tasks: Array(2)0: {title: "Buy groceries", description: "Milk, Cheese, Pizza, Fruit, Tylenol", done: false, uri: "/todo/api/v1.0/tasks/1"}1: {title: "Learn Python", description: "Need to find a good Python tutorial on the web", done: false, uri: "/todo/api/v1.0/tasks/2"}length: 2__proto__: Array(0)__proto__: Object

а если я добавляю в функцию строку return data, то в возвращается опять этот мусор из лога в моем вопросе ?

function (data) { 
console.log('data from server --- ', data);
 return data
})

[Андрей]

$.getJSON тогда уже. Хотя, может $.get и научили молча типы ответа сервера раскуривать

Answer 2

[Андрей]

открой для себя

$.ajax({}).done(function(json){ console.log(json); });

или

$.ajax({"success":function(json){ console.log(json); }};