JSON大括號顯示Div顯示JSON結果

我有一個JQuery腳本，在數據表上執行查找並返回結果。JSON大括號顯示Div顯示JSON結果

但是，當我在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刪除所有的括號和引號。

這是可能的。

非常感謝您的時間。

來源

2016-11-06 DCJones

您需要JSON.parse()日訪問鍵，值正常。

見下面的例子：

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

來源

2016-11-06 20:46:11

該訣竅非常感謝。我現在將研究你的代碼並嘗試從中學習。非常感謝。並感謝回覆的其他人。 – DCJones

歡迎您:) –

你必須刪除對象的部分手動然後

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>

如果AJAX調用返回正確的頭，結果就已經被解析爲一個對象，否則，倒是有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(); 
     }); 
    }); 
});

來源

2016-11-06 20:39:48 adeneo

JSON大括號顯示Div顯示JSON結果

回答

相關問題