WIE Parse JSON Antwort vom Server nach AJAX POST-Anfrage?

Question

Wie Sie das Problem aus dem Titel sehen können. Hier ist, was ich tue:

eine Anfrage senden wie

$.ajax({ 
    type: "POST", 
    url: "http://www.example.com/api/", 
    data: { 
    'data': '1', 
    'beacon': 'fried' 
    }, 
    complete: function(res) { 
    //need help here... 
    } 
}); 

Die API tut Echo. Wenn ich document.forms["myform"].submit(); Seite zeigt eine JSON-Antwort wie

{ 
    "data": [{ 
    "Chief": "Max", 
    "temperature": "65", 
    "done": "yes", 
    "cost": 24 
    }] 
} 

Wie soll ich analysieren (überprüfen, die Werte angezeigt werden)? Versucht viele Wege.

Jede Hilfe wäre willkommen!

P.S. mit Jquery-3.2.1.min.js

Answer 1

Verwenden JSON.parse() wenn sonst erforderlich Sie Array von res.data

Answer 2

Sie könnten setzen Sie den Datentyp JSON in der Anfrage-Attribut erhalten können:

$.ajax({ 
    type: "POST", 
    url: "http://www.example.com/api/", 
    data: {'data': '1', 'beacon': 'fried'}, 
    dataType: 'JSON', 
    complete: function (res) { 
     console.log(res); // will be decoded 
     // acces your values like this : 
     var data = res.responceText.data[0]; 
     alert(data.Chief); 
    } 
}); 

EDIT

Hinzugefügt, wie auf bestimmte Daten zugegriffen wird.

Answer 3

Versuchen JSON.parse()

$.ajax({ 
    type: "POST", 
    url: "http://www.example.com/api/", 
    data: {'data': '1', 'beacon': 'fried'}, 
    complete: function (res) { 
     var arr = JSON.parse(res).data; 

     arr.forEach(function(obj) { 
      var cost = obj.cost || null, 
       Chief = obj.Chief || null, 
       temperature = obj.temperature || null, 
       done = obj.done || null; 

      console.log('Cost: ' + cost + ', Chief: ' + Chief + ', Temperature:' + temperature + ', Done: ' + done); 
     }); 
    } 
}); 

Answer 4

Sie JSON.parse()

$.ajax({ 
     type: "POST", 
     url: "http://www.example.com/api/", 
     data: {'data': '1', 'beacon': 'fried'}, 
     complete: function (res) { 
      var response = JSON.parse(res); 
     } 
    }); 

Answer 5

Sie sollten

JSON.parse()

Wie Sie Array in in json Daten verwenden verwenden können, können Sie es als res zugreifen können. data [0] .cost oder res.data [0] ["cost"]

Answer 6

Nun, das erste Problem war, dass es keine Antwort aus einer anderen Domäne erlaubt, also habe ich den ganzen Code auf den gleichen Server übertragen, auf dem sich api befindet.

Jetzt dieser Code funktioniert:

$.ajax({ 
    type: "POST", 
    url: "../api/", 
    data: {'data': '1', 'beacon': 'fried'}, 
    dataType: 'JSON', 
    complete: function (res) { 
    console.log(res); 
    var r = JSON.parse(res.responseText); 
    console.log(r.data[0].Chief); //retrieved Alex, that is response from the server 
    } 
}); 

Dank all!