我正在處理 JSON 資料並處理該資料以將其插入正確的 html 標籤中。有時 JSON 資料不包含資訊或根本不可用。在給定的範例中,src 為空或踢腳器不存在,這會在這一行給出類似 {} 或 undefined 或 '' 或 null 的結果:
document.getElementById("placeholder_" + (k)).src = jsonData[i].src;
我在板上尋找解決方案並嘗試過,但沒有成功。或者說我沒有理解這個邏輯。一些對我不起作用的例子:
document.getElementById('id2').src = json.img2 ? json.img2.link : 'defaultLink';
或我查閱了此連結:
JSON 有時未定義 - 我該如何檢查?
這是我的程式碼片段,我想檢查 jsonData[i].src
中是否有資料(網址)。我怎樣才能做到這一點?
在第二部分中,src 為空,在第三部分中,踢球器遺失。如何檢查?
var jsonData = [ { src: 'https://www.w3schools.com/tags/img_girl.jpg', kicker: 'Kyiv', headline: 'Grief and defiance in city on first anniversary of war in Ukraine', }, { src: '', kicker: 'Russia', headline: 'how can Ukraine win? And what is the feeling within Russia?', }, { src: 'https://www.w3schools.com/tags/img_girl.jpg', headline: 'how can Ukraine win? And what is the feeling within Russia?', } ] $(document).ready(function () { var k = 1; //loop through json data and insert into corresponding divs for (var i = 0; i < jsonData.length; i++) { document.getElementById("placeholder_" + (k)).src = jsonData[i].src; document.getElementById("placeholder_" + (k = k + 1)).innerText = jsonData[i].kicker; document.getElementById("placeholder_" + (k = k + 1)).innerText = jsonData[i].headline; k = k + 1; } });
雷雷