jsonの中かっこがjsonの結果を表示するdivに表示されます

Question

私はデータテーブルを参照して結果を返すJqueryスクリプトを持っています。

しかし、結果をDIV内に表示すると、jsonデータを囲む中括弧も表示されます。私がどこに間違っているのか誰にでも見ることができます。

マイスクリプト：

$(document).ready(function() 
{ 
$('#board').change(function(){ 
    $.get('check_override_image.php', { RecordID: form2.board.value }, 
    function(result) { 
     $('#size').html(result).show(); 
    }); 
}); 
}); 

JSONの結果は次のとおりです。

{"imagesizes":[{"DisplayWidth":"1080","DisplayHeight":"1920"}]} 

私は

<div id="size"></div> 

私は何を表示したいことはDisplayWidthで使用して結果を表示しています：1080、DisplayHeightを：1920すべての括弧と引用符を削除します。

これが可能です。

お時間をありがとうございました。

Answer 1

のようなものをJSON.parseが必要アクセスキーは通常値です。

は、例えば、以下を参照してください。トリックをした

result = JSON.parse(result); 
$('#size').html("DisplayWidth: " + result["imagesizes"][0]["DisplayWidth"] 
      + ", DisplayWidth: " + result["imagesizes"][0]["DisplayWidth"]).show(); 

Answer 2

あなたはAJAX呼び出しが正しいヘッダを返す場合、結果はすでにあなたがそうでなければ、オブジェクトとして解析されるだろうから、手動

var result = {"imagesizes":[{"DisplayWidth":"1080","DisplayHeight":"1920"}]}; 
 

 
var html = Object.keys(result.imagesizes[0]).map(function(key) { 
 
\t return key + ':' + result.imagesizes[0][key]; 
 
}).join(', '); 
 

 
$('#size').html(html).show();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="size"></div>

をオブジェクトの一部を削除する必要がありますD」JSONを持っている、そして、あなたがJSON.parse()番目に必要

$(document).ready(function() { 
    $('#board').change(function(){ 
     $.get('check_override_image.php', {RecordID:form2.board.value}, function(json) { 
      var result = JSON.parse(json); 
      var html = Object.keys(result.imagesizes[0]).map(function(key) { 
       return key + ':' + result.imagesizes[0][key]; 
      }).join(', '); 

      $('#size').html(html).show(); 
     }); 
    }); 
});