首次加载网站时页面意外跳转到XMLHttpRequest请求的PHP页面的问题求助

听起来这个首次加载的跳转问题确实挺闹心的——明明后续访问都正常，偏偏第一次打开网站就会跳转到PHP接口页面，咱们一步步来拆解可能的原因和解决办法：

首先，重点排查 sidebar.js 的代码逻辑 #

你提到 sidebar.js 负责填充header、banner和sidebar区域，这大概率是问题的根源：

• 检查 sidebar.js 里加载banner/sidebar对应PHP文件的方式：是不是不小心用了 window.location.href 直接跳转，而不是用AJAX异步加载内容？
• 看看 sidebar.js 插入到页面的内容里有没有 <a> 标签，它们的 href 是否指向了那些PHP接口？有没有可能页面首次加载时，这些链接因为某种误触发（比如CSS布局问题导致元素被意外点击）引发了跳转？
• 确认 sidebar.js 里的代码是不是也包裹在DOM就绪事件里了？如果它在DOM还没完全加载好就去操作元素，可能会触发意外的行为。

然后，检查当前AJAX代码的细节和加载顺序 #

1. 修复小错误：你的 resizeBannerImg 函数里有个选择器错误——$("banner-img") 应该是 $("#banner-img")（ID选择器需要加 #），虽然这个和跳转无关，但可能影响其他功能。
2. 给AJAX请求加错误处理：在原生XMLHttpRequest里加上错误监听，方便排查首次加载时是否有请求异常：

   window.addEventListener("DOMContentLoaded", function() {
       xmlhttp = new XMLHttpRequest();
       xmlhttp.onload = function() {
           const response = this.responseText;
           $("#items-list").html(response);
       };
       // 新增错误监听
       xmlhttp.onerror = function() {
           console.error("Items Sold接口请求出错：", this.status, this.statusText);
       };
       xmlhttp.open("GET", "/php/get/items-sold.php");
       xmlhttp.send();
   });
   

3. 调整脚本加载顺序：你当前的items-sold AJAX代码是在 main.js 之后加载的，试试把这段代码移到 sidebar.js 之前加载，或者确保它在 sidebar.js 完成DOM操作后再执行。
4. 改用jQuery的AJAX简化调试：既然你已经引入了jQuery，用它的封装方法可能更稳定，也更容易排查问题：

   $(document).ready(function() {
       $.get("/php/get/items-sold.php")
           .done(function(response) {
               $("#items-list").html(response);
           })
           .fail(function(xhr, status, error) {
               console.error("请求失败：", status, error);
           });
   });
   

最后，排查其他潜在触发跳转的因素 #

• 检查页面上有没有未阻止默认行为的表单：如果有表单元素的 action 指向了这些PHP接口，首次加载时会不会意外触发了提交？
• 打开浏览器的开发者工具（Network面板），观察首次加载时的请求记录，看看跳转是由哪个请求触发的，能帮你快速定位问题来源。

先从 sidebar.js 入手排查吧，毕竟它负责加载其他几个PHP区域，很大概率是那里的逻辑导致了首次加载的异常跳转。

备注：内容来源于stack exchange，提问作者August