javascript - 增加显示的数字并将标签中的数字通过php传递给mysql数据库

Question

这是我在 html 标签中显示数字的 html 代码

<tr>
    <td height="40" colspan="2" align=right>
        <div class="headbox" >Order No.</div>
    </td>
    <td align=left> 
        <div class="headbox">
            <label id=no></label>
        </div> <br>
    </td>
</tr>

这是我用来创建数字并在加载表单时显示在标签上的 2 个 javascript 函数!

function noDisplay(){
    var j=1;
    number=j+1;        
    document.getElementById("no").innerHTML=number;
}      
window.onload = function(){
    noDisplay()
};

总是加载表单显示相同的数字(即 1) 我想将其递增 1 并且显示的数字需要通过 php 传递到 mysql 数据库(我不知道如何传递显示的值使用 post 方法将标签放入 php 变量

加载表单时，订单号始终为 1 我想在每次加载表单时将该值递增 1，并在提交表单时将其传递给 mysql 数据库，请帮助我!

Answer 1

如果您使用 PHP 作为表单的后端，那么您需要传递最后插入的 ID 并递增它，因为它不会覆盖另一条记录。然后，您将可以动态地使用它。此外，您可以传递该号码或通过 XHR 请求获取它(通过 AJAX 调用)并在调用完成后更改它。

更新

您应该有下一段 PHP 代码(例如 last_order_id.php):

<?php
   header('Content-Type:application/json');
   $lastInsertedId = mysqli_query('select id from orders order by id desc limit 1');
   return json_encode(['status' => 1, 'data' => [ 'last_order_id' => $lastInsertedId + 1 ]]);

在 AJAX 调用中(您应该至少提供 jQuery v1.7)当文档准备好并单击按钮时，您应该这样做:

$(document).ready(getLastId());

$('form').on('submit', function (e){
    e.preventDefault();

    // Send data then call script
    getLastId();
})

function getLastId(){
      $.get('/last_order_id.php', function (response){
        $('label#no').text(response.data.last_order_id);
      });
}