我試圖用styleName我的 JSON 數據文件中的字段值簡單地填充一個下拉列表。例如,我的 json 數據如下所示:{"name":{"styleName":"name","fillType":"none","fillTrans":"0","outlineType":"solid","outlineWidth":"1","outlineColor":"#ff0000"}} {"sarah":{"styleName":"sarah","fillTrans":"none","fillTrans":"0","outlineType":"solid","outlineWidth":"1","outlineColor":"#ff0000"}}//....下面是我的 JS。let dropdown = document.getElementById('tem');dropdown.length = 0;let defaultOption = document.createElement('option');defaultOption.text = 'Choose Template';dropdown.add(defaultOption);dropdown.selectedIndex = 0;const urld = '../../templates.json';fetch(urld) .then( function(response) { if (response.status !== 200) { console.warn('Looks like there was a problem. Status Code: ' + response.status); return; } // Examine the text in the response response.json().then(function(data) { let option; console.log(data); for (let i = 0; i < data.length; i++) { option = document.createElement('option'); option.text = data[i].styleName; //option.value = data[i].abbreviation; dropdown.add(option); } }); } ) .catch(function(err) { console.error('Fetch Error -', err); });盡管有響應,但我不斷收到此錯誤200,下拉列表仍然為空白.. 錯誤:Uncaught (in promise) SyntaxError: Unexpected token { in JSON at position xxxPromise.then (async)(anonymous) @ VM8493:22Promise.then (async)(anonymous) @ VM8493:13下拉標記就是這樣: <select id="tem" class='w150'> </select>
用 json 填充下拉列表(SyntaxError: Unexpected token
眼眸繁星
2022-05-26 11:11:58