Question

我有这段代码：

function getAllImgs(){
console.log("1");
$.ajax({
  url: "../img/wood/",
  function(data){
    var parser = new DOMParser(),
        doc = parser.parseFromString(data, 'text/html');

    var rows = doc.querySelector('table').querySelectorAll('tr');

    for (var i=1;i<rows.length;i++) {
      populateImgs(rows[i].children[3].children[0].text);
    }
  }
});
  };


 function populateImgs(url){
    console.log("2");
    $.ajax({
      url: "../img/wood/"+url,
      success: function(imgData){
        var imgParser = new DOMParser(),
            imgDoc = imgParser.parseFromString(imgData, 'text/html');

        var imgRows = imgDoc.querySelector('table').querySelectorAll('tr')

        for(var r = 0; r < imgRows.length; r++){
          if (imgRows[r].children[2]) {
            if (parseInt(imgRows[r].children[2].innerText)>0){
              $("#photoIcons").append("<div class='card' style='background-image:url(/img/wood/"+url+imgRows[r].children[3].children[0].text+");' data-toggle='modal' data-target='#imgModal' data-url='/img/wood/"+url+imgRows[r].children[3].children[0].text+"'></div>");
            };
          }
        }
      }
    })
  };

这在我的本地测试服务器上运行良好。我获取了img/wood/文件夹中的所有文件夹，然后使用每个文件夹中的每个文件/图像填充我的库。在图库中，只能过滤到其中一个文件夹。但是，当我尝试将其上传到github页面时，我收到404错误，指出img/wood/文件夹不存在，因此无法访问其中的任何文件夹或图像。我试过调整网址，甚至把直接链接放进去，但似乎没有用。任何建议都会非常感激。

试图在我的gh页面网站上进行AJAX调用

0 个答案: