Javascript 其他页面表单的提交按钮

看看我的两个不同的箱子

fun.php（所有情况下都相同）

---

案例1： form.php

服务
量
8.
12
4.
6.

现在，当我在form.php中单击submit按钮时，查询被插入到数据库中

---

案例2： form.php

服务
量
8.
12
4.
6.

index.php

​
$（“#form”）.load（'form.php'）；

现在，当我在index.php中单击submit按钮时，查询被而不是插入数据库中

---

---

我在index.php中包含了所有库。所有HTML标记都正确，SQL查询都正确。

在这种情况下，您要做的第一件事是检查服务器日志中的php错误。这取决于您使用的web服务器及其配置

此外，您还可以检查浏览器的JavaScript控制台是否存在开发人员工具上的任何错误（默认情况下，在基于Chromium的浏览器上，您可以使用Ctrl+Shift+J打开控制台）

经过一些更改后，它可以在我的测试中工作

---

fun.php

---

好的，但是有什么变化，为什么呢？我不知道你做了什么变化@GramThanosMy的变化是明显的。我从函数定义中删除了
public
关键字（您的服务器日志上应该有错误）。我还为index.html创建了一个完整的html文档，并添加了您使用的jQuery库（您调用的
$
表示您使用了该库）@ADyson为什么我添加了正确的HTML结构？或者我为什么要纠正php错误？这些错误对您来说是显而易见的，作为一名经验丰富的开发人员，我也非常清楚，但是a）对于不熟悉这些技术的人来说，这些错误可能并不明显（例如OP，否则他们可能不会问这个问题），并且b）您仍然需要解释更改它的原因。您所做的更改如何帮助您准确地解决问题？同样，你可能清楚，但其他人却不清楚。这个网站的目的是帮助人们，而不仅仅是鼓励他们在没有完全理解其含义的情况下盲目地复制和粘贴代码。您新添加的对更改内容的描述忽略了对JavaScript的一个相当重要的更改，您删除了setInterval…您应该解释为什么这样做，以及为什么以前可能会出现问题。为什么需要setInterval，这将每隔3秒重新创建一次表单。将跳过该问题不需要的其他代码，并且跳过的代码需要每3秒刷新一次@hs-dev2MR“跳过的代码需要每3秒刷新一次”…在这种情况下，只刷新必要的部分，而不刷新表单。将功能划分为不同的部分。
function pre_invoice($value) //earlier it was public function ---- (typo in the question)
{
//Code to insert query in database
}

<?php 
require_once 'fun.php';

if(isset($_POST['submit'])){
pre_invoice(999);
}
?>
<table class="table table-striped table-hover table-bordered">
    <thead class="text-center">
  <tr>
    <th>Service</th>
    <th>Quantity</th>
  </tr> 
 </thead>
<tbody>
  <form method="POST">

    <tr>
    <td></td>
    <td>8</td>
  </tr>

    <tr>
    <td></td>
    <td>12</td>
  </tr>

    <tr>
    <td></td>
    <td>4</td>
  </tr>

    <tr>
    <td></td>
    <td>6</td>
  </tr>
        <input type="submit" name="submit" />
        </form>
</tbody>
  </table>

<table class="table table-striped table-hover table-bordered">
    <thead class="text-center">
  <tr>
    <th>Service</th>
    <th>Quantity</th>
  </tr> 
</thead>
<tbody>
  <form method="POST">

    <tr>
    <td></td>
    <td>8</td>
  </tr>

    <tr>
    <td></td>
    <td>12</td>
  </tr>

    <tr>
    <td></td>
    <td>4</td>
  </tr>

    <tr>
    <td></td>
    <td>6</td>
  </tr>
        <input type="submit" name="submit" />
        </form>
</tbody>
  </table>

<?php 
 require_once 'fun.php';

 if(isset($_POST['submit'])){
  pre_invoice(999);
 }
?>
<div id="form"></div>​
<script>
   $("#form").load('form.php');
</script>