AJAX POSTリクエスト後にサーバーからJSONレスポンスを解析する方法はありますか？

Question

あなたはタイトルから問題を見ることができます。ここ は、私が何をすべきかです：

が

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

APIは、エコーないように要求を送信します。私はdocument.forms["myform"].submit(); ページをすれば それでは、どのように私は（値を表示、確認する）を解析する必要があり

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

のようなJSON応答を示していますか？多くの方法を試しました。

助けていただけたら幸いです！

P.S. jqueryの-3.2.1.min.jsを使用して

Answer 1

使用JSON.parse()そうでなければ、あなたはリクエスト属性にJSONにデータ型を設定することができres.data

Answer 2

から配列を取得することができ、必要に応じて：

$.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

特定のデータにアクセスする方法が追加されました。

Answer 3

あなたは、あなたがJSONデータ内での配列を持っているとして、あなたはRESを使用してアクセスでき

JSON.parse()

を使用する必要があります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 4

を試してみてください。 data [0] .costまたはres.data [0] ["cost"]

Answer 5

を使用することができます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 6

最初の問題は、別のドメインからの応答を許可しないため、すべてのコードをapiが置かれているサーバーに転送したことです。

今、このコードは動作します：

$.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 
    } 
}); 

おかげですべてを！