表单提交至PHP存储数据到db后，如何自动执行指定函数？

当然可以实现！这里有几种实用的方法，你可以根据自己的需求来选：

这种方法是在点击Submit按钮、表单开始提交的同时执行你的函数，适合不需要等后端处理完的场景，比如提交前做个数据校验、页面小动画之类的。

举个例子：

<form action="your_php_file.php" method="post" onsubmit="return runMyFunction()">
  <!-- 你的表单元素，比如用户输入框、选项 -->
  <input type="text" name="user_answer">
  <button type="submit">Submit</button>
</form>

<script>
// 假设这是你那个来自大文件的自定义函数
function runMyFunction() {
  console.log("函数已经执行啦！");
  // 这里写你的具体逻辑，比如更新页面提示、处理临时数据
  
  // 划重点：如果要让表单正常提交到PHP，记得return true；要是想阻止默认提交（比如用AJAX替代），就return false
  return true;
}
</script>

小提示：如果你的函数是异步操作（比如要调用其他API），直接return true可能会导致表单先提交，函数还没跑完。这种情况可以先阻止默认提交，等函数执行完再手动提交：

function runMyFunction(e) {
  e.preventDefault(); // 先拦住表单的默认提交行为
  // 执行你的异步逻辑
  fetch('/some-other-api')
    .then(res => res.json())
    .then(data => {
      console.log("异步操作搞定了");
      document.querySelector('form').submit(); // 手动触发表单提交
    });
}

对应的表单要改成onsubmit="runMyFunction(event)"

如果必须等PHP把用户答案存进数据库之后再执行函数，那这个方法更合适。原理很简单：PHP处理完数据库操作后，输出一段JavaScript代码，让浏览器自动调用你的函数。

示例PHP代码（your_php_file.php）：

<?php
// 第一步：先处理表单数据，存进数据库
$userAnswer = $_POST['user_answer'];
// 这里写你的数据库操作代码，比如用mysqli或PDO插入数据

// 第二步：处理完后，输出JS代码调用你的函数
echo '<script>';
echo 'myCustomFunction(); // 直接调用你的自定义函数';
echo '</script>';

// 可选：跳回原表单页面或者显示结果页
header("Location: your_form_page.php");
exit;
?>

注意：如果用header跳转，要确保JS代码能在跳转前执行，或者也可以用SESSION存个状态，跳转后的页面加载时判断状态再执行函数。

这种方法是用JavaScript偷偷把表单数据传给PHP，不用刷新页面，等后端存完数据后立刻执行函数，用户体验特别好。

示例代码：

<form id="myForm">
  <input type="text" name="user_answer">
  <button type="submit">Submit</button>
</form>

<script>
// 给表单绑定提交事件
document.getElementById('myForm').addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止页面刷新提交
  
  // 收集表单里的所有数据
  const formData = new FormData(this);
  
  // 异步把数据传给PHP
  fetch('your_php_file.php', {
    method: 'POST',
    body: formData
  })
  .then(response => response.text())
  .then(data => {
    console.log("数据已经成功存进数据库啦");
    myCustomFunction(); // 提交成功后立刻执行你的函数
  })
  .catch(error => {
    console.error('提交出错了:', error);
  });
});

// 你的自定义函数
function myCustomFunction() {
  alert("提交完成！函数正在执行～");
  // 这里写你的具体逻辑
}
</script>

这种方式的好处是页面不会跳来跳去，用户操作流畅，还能根据后端返回的结果（比如成功/失败）来决定要不要执行函数，灵活性很高。

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