电子不会从 JSON 打开文件

Question

我正在尝试使用 onclick='shell.openItem('filename') 和由 JSON 填充的文件名。 当我 console.log(data[i].url) 它为每个按钮返回正确的 kmz 文件时，但是当我单击按钮时，它显示未捕获的引用错误：未定义文件名.kmz。

对我缺少什么的想法？ 谢谢。

var portsbtn = document.getElementById("portsbtn");

portsbtn.addEventListener("click", function() {
    var ourRequest = new XMLHttpRequest();
    ourRequest.open('GET', 'jsonclean.json');
    ourRequest.onload = function() {
        var ourData = JSON.parse(ourRequest.responseText);
        renderHTML(ourData[23]);
    };
    ourRequest.send();
});

//WRITE HTML FROM JSON ON BUTTON CLICK


function renderHTML(data) {
    var htmlString = "";
    $('#aceCategory').empty();
    for (i = 0; i < data.length; i++) {

        htmlString += "<p class='categoryName'>" + data[i].category + "</p>" + "<tr>" + "<td class='feedDesc'>" + "<b>" + data[i].name +
            "</b>" + "<br>" + data[i].desc + "</br>" + "<br>" + "<input type='button' id='openBtn' style='border-radius: 25px; outline: none' value='Open Link' onclick='shell.openItem(" + data[i].url + ");'" + ">" + "</td>" +
            "</tr>"
        console.log(data[i].url)
    };
    aceFeedTable.insertAdjacentHTML('beforeend', htmlString)

}

Answer 1

我想到了。 代码如下。

       htmlString += "<p class='categoryName'>" + data[i].category + "</p>" + "<tr>" + "<td class='feedDesc'>" + "<b>" + data[i].name +
            "</b>" + "<br>" + data[i].desc + "</br>" + "<br>" + "<input type='button' id='openBtn' style='border-radius: 25px; outline: none' value='Open Link' onClick='openWindow(\"" + data[i].url + "\" )' >" + "</td>" +
            "</tr>"

    };
    aceFeedTable.insertAdjacentHTML('beforeend', htmlString)
}

function openWindow(url) {
    shell.openItem(url);
    console.log(url);
}