HTML页面局部刷新DIV遇问题，求非PHP环境下解决方案

完全可以在非PHP环境下实现需求，纯前端就能搞定。你的现有代码问题在于把整个Wednesday.html的内容同时塞进了三个不同的DOM元素，导致输出不符合预期，下面是修正方案：

问题分析 #

当前代码的success回调里，直接将Wednesday.html的全部内容赋值给#imgContainer、#status、#showon三个元素，这显然不是你想要的——这三个区域应该对应Wednesday.html里各自的内容块。

修正步骤与代码 #

1. 确保Wednesday.html中包含与主页面匹配的目标区域（即带有#imgContainer、#status、#showon这三个ID的元素，每个元素对应你要刷新的内容）。
2. 在AJAX回调中，从返回的HTML里提取对应ID的内容，再分别更新到主页面的对应元素：

$(document).ready(function() {
  $('#refreshButton').click(function() {
    $.ajax({
      url: 'Wednesday.html',
      type: 'GET',
      success: function(response) {
        // 将返回的HTML转换成jQuery对象，方便查找元素
        const $responseDom = $(response);
        
        // 分别提取并更新对应区域的内容
        $('#imgContainer').html($responseDom.find('#imgContainer').html());
        $('#status').html($responseDom.find('#status').html());
        $('#showon').html($responseDom.find('#showon').html());
      },
      error: function(xhr, status, error) {
        // 添加错误提示，方便调试
        $('#status').text('内容加载失败，请稍后重试');
      }
    });
  });
});

额外说明 #

• 如果Wednesday.html是完整的HTML页面（包含<html>、<head>、<body>标签），find方法可能无法直接定位到body内的元素，此时可以修改查找逻辑：

  // 改为从body标签内查找目标元素
  $('#imgContainer').html($responseDom.find('body #imgContainer').html());
  

• 结合你的需求（每两小时更新广播节目），可以把点击触发改成定时自动刷新，示例代码如下：

  function updateProgramContent() {
    const currentHour = new Date().getHours();
    // 根据节目更新规则判断是否需要刷新（这里以每两小时为例）
    if (currentHour % 2 === 0) {
      $.ajax({
        url: 'Wednesday.html',
        type: 'GET',
        success: function(response) {
          const $responseDom = $(response);
          $('#imgContainer').html($responseDom.find('#imgContainer').html());
          $('#status').html($responseDom.find('#status').html());
          $('#showon').html($responseDom.find('#showon').html());
        },
        error: function(xhr, status, error) {
          $('#status').text('内容加载失败，请稍后重试');
        }
      });
    }
  }
  
  $(document).ready(function() {
    // 页面加载时先执行一次
    updateProgramContent();
    // 每30分钟检查一次时间，符合条件则刷新
    setInterval(updateProgramContent, 30 * 60 * 1000);
  });
  

内容的提问来源于stack exchange，提问作者AndYman