如何用JS捕获PHP插入数据后的last inserted id？

首先得调整你的PHP代码，确保能把获取到的LAST_ID传递给前端——当前你的registrarProyecto方法仅获取了ID但未对外输出或返回，第一步先做修改：

第一步：调整PHP代码，输出/返回ID #

修改registrarProyecto方法让它返回ID，同时增加接口逻辑用于接收前端请求并返回结果：

<?php
include_once('conexion.php');
include_once('validar.php');

class Proyecto{
    protected $idproyecto;
    protected $nombre;

    public function registrarProyecto(){
        $sql = "INSERT INTO proyectos (nombre) VALUES (?)";
        $conexion = Conexion::conectar();
        $resultado=$conexion->prepare($sql);
        $resultado->bindParam(1, $this->nombre);
        $resultado->execute([$this->nombre]);
        return $conexion->lastInsertId(); // 返回ID供后续处理
    }   
}

// 处理前端的项目注册请求
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $proyecto = new Proyecto();
    $proyecto->nombre = $_POST['nombre']; // 接收前端传递的项目名称
    $lastId = $proyecto->registrarProyecto();
    echo json_encode(['id' => $lastId]); // 用JSON格式返回ID，方便JS解析
    exit;
}
?>

接下来提供三种JS获取ID并插入中间表的方案：

方案1：原生JavaScript（无需依赖库） #

用原生fetch API实现异步请求，先完成项目注册拿到ID，再发起中间表插入请求：

// 绑定表单提交事件
document.querySelector('#proyecto-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    
    // 1. 提交项目注册，获取lastInsertId
    const formData = new FormData(e.target);
    try {
        const registerResp = await fetch('tu-archivo-php.php', {
            method: 'POST',
            body: formData
        });
        const registerResult = await registerResp.json();
        const proyectoId = registerResult.id;
        
        // 2. 用获取到的ID插入中间表
        const insertData = new FormData();
        insertData.append('proyecto_id', proyectoId);
        insertData.append('otro_campo', 'valor'); // 中间表所需的其他字段
        
        const insertResp = await fetch('insertar-intermedia.php', {
            method: 'POST',
            body: insertData
        });
        const insertResult = await insertResp.json();
        
        insertResult.success ? alert('中间表插入成功') : alert('插入失败');
    } catch (err) {
        console.error('请求出错:', err);
        alert('操作失败，请重试');
    }
});

对应的insertar-intermedia.php示例：

<?php
include_once('conexion.php');

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $proyectoId = $_POST['proyecto_id'];
    $otroCampo = $_POST['otro_campo'];
    
    $sql = "INSERT INTO tabla_intermedia (proyecto_id, otro_campo) VALUES (?, ?)";
    $conexion = Conexion::conectar();
    $resultado = $conexion->prepare($sql);
    $resultado->execute([$proyectoId, $otroCampo]);
    
    echo json_encode(['success' => true]);
    exit;
}
?>

方案2：jQuery方案 #

如果你的项目已经引入jQuery，代码会更简洁：

$('#proyecto-form').submit(function(e) {
    e.preventDefault();
    
    // 1. 注册项目并获取ID
    $.post('tu-archivo-php.php', $(this).serialize(), function(registerResult) {
        const proyectoId = registerResult.id;
        
        // 2. 插入中间表
        $.post('insertar-intermedia.php', {
            proyecto_id: proyectoId,
            otro_campo: 'valor'
        }, function(insertResult) {
            insertResult.success ? alert('中间表插入成功') : alert('插入失败');
        }, 'json');
    }, 'json').fail(function(err) {
        console.error('请求出错:', err);
        alert('操作失败，请重试');
    });
});

方案3：同步渲染JS变量（页面刷新场景） #

如果是提交表单后刷新页面的同步场景，可以直接把PHP变量渲染到页面的JS中：

<?php
// 假设此处已完成项目注册并拿到lastId
$proyecto = new Proyecto();
$proyecto->nombre = '测试项目';
$lastId = $proyecto->registrarProyecto();
?>

<script>
// 直接将PHP变量赋值给JS变量
const proyectoId = <?php echo $lastId; ?>;

// 调用函数插入中间表
function insertIntoIntermediate() {
    fetch('insertar-intermedia.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        body: `proyecto_id=${proyectoId}&otro_campo=valor`
    }).then(res => res.json()).then(result => {
        console.log(result);
    }).catch(err => console.error('请求出错:', err));
}
</script>

注意事项 #

• 所有接收前端参数的PHP代码要做好参数验证与过滤，你已使用预编译语句，能有效防止SQL注入，继续保持
• 用JSON格式返回数据可避免JS解析字符串的麻烦
• 异步请求需处理失败场景，比如网络错误、接口异常

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