将open.php移入tables文件夹后AJAX无法获取该文件的问题

核心问题分析 #

将open.php移入tables文件夹后，不仅AJAX请求路径需要调整，open.php内部的数据库连接文件路径也会失效，同时需确保displayOpen()函数被正确触发。

步骤1：修正open.php中的数据库连接路径 #

open.php现在位于tables文件夹，原来的数据库连接引入路径已失效，需改为相对上级目录的路径：

// 原代码
// include 'database/connect.php';

// 修改后
include '../database/connect.php';

步骤2：修正table.js中的AJAX请求路径 #

假设你的文件结构为：

根目录/
├─ index.php
├─ tables/
│  ├─ table.js
│  └─ open.php
└─ database/
   └─ connect.php

AJAX请求的路径是相对于加载table.js的页面（即index.php），所以正确路径为：

// 原代码
// url: "open.php",

// 修改后
url: "tables/open.php",

步骤3：确保displayOpen()函数被调用 #

检查index.php中是否在页面加载时触发displayOpen()函数，否则AJAX请求不会发起。在index.php的脚本末尾添加：

// 页面加载完成后调用表格渲染函数
window.addEventListener('load', displayOpen);

步骤4：添加AJAX错误调试（可选但推荐） #

为快速定位问题，给AJAX请求添加错误回调，查看控制台输出：

$.ajax({
    url: "tables/open.php",
    type: 'post',
    data: {
        displaySend: displayOpen
    },
    success: function (data, status) {
        $('#displayTable').html(data);
    },
    // 添加错误回调
    error: function(xhr, status, error) {
        console.error("请求失败状态:", status);
        console.error("错误信息:", error);
        console.error("服务器响应:", xhr.responseText);
    }
})

验证方法 #

打开浏览器开发者工具（F12），切换到Network标签页，重新加载页面，查看AJAX请求的状态：

• 若状态为404：路径仍错误，检查文件结构和路径拼写
• 若状态为500：服务器内部错误，大概率是open.php的数据库连接问题
• 若状态为200：查看响应内容是否包含预期的表格HTML

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