我正在处理加载数据页面的脚本。在代码中，我有一个ajax调用，该调用检查基础数据表中列的更改。 如果ajax返回1的JSON响应，则重定向到另一个名为override.php的页面。

如果ajax返回0的JSON响应，请继续执行“ template20.php”页面上的脚本，并检查ajax是否返回2的JSON响应。

如果响应为2，请重定向到另一个名为ignage.php的页面。 在“ signage.php”页面中，我还有另一个脚本，该脚本检查基础数据表中列的更改。如果ajax返回JSON响应“ 0”，请重定向回template20.php。

标记为//CALL ONE的第一个ajax调用工作正常，但是标记为//CALL TWO的第二个ajax调用加载页面，但尝试在该页面上加载图像时在浏览器console Status Code: 403 Forbidden中返回错误。

template20.php

window.setInterval(function(){
  $.ajax({
    type: "Post",url: "check_override.php",success: function(data) {
  var result = $.parseJSON(data);
  if(result == 1) {
    $(function(){
      $("#Header",window.top.document).hide();
    });
    window.location.href = 'override.php'; //CALL ONE
  } else if(result == 2) {
    $(function(){
      $("#Header",window.top.document).hide();
    });
    window.location.href = 'signage.php'; //CALL TWO
  } else {
    $(function(){
      $("#Header",window.top.document).show();
  });
  }
    }
  });
},9000);

override.php

window.setInterval(function(){
  $.ajax({
    type: "Post",success: function(data) {
  var result = $.parseJSON(data);
      if(result == 0) {
        console.log("RESULT = 2");
        $("#Header",window.top.document).show()
        window.location.href = 'template20.php';
      }
    }
  });
},9000);

signage.php

window.setInterval(function(){
  $.ajax({
  type: "Post",success: function(data) {
      var result = $.parseJSON(data);
      if(result == 0) {
        console.log("RESULT = 2");
        $("#Header",9000);

在signage.php页面上，我有一些CSS，其中一个类是：

#image {
  position: relative;
  background-image: url('<?php echo $ImagePath."". $row_fb['ClientImageName'];?>');
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 1920px;
  height: 1080px;
}

我体内有：

<div id="image"></div>

我已经仔细检查了$ImagePath，这是正确的。如果我将URL直接加载到浏览器中的图像，则可以正常工作。