javascript - AJAX提交表单和时间无需刷新

Question

我有一个简单的表单，可以通过 AJAX 将一些数据提交到 Google 表格，工作正常。

我需要发送当前时间。 time 值确实发送，但除非刷新页面，否则它保持不变。

大概是因为我使用 PHP 来将时间和日期存储在隐藏输入中，并且这些值在我刷新页面之前不会更新。

我无法刷新页面，它必须保持静态。

如何实时存储日期和时间值并通过AJAX发送？

我的代码如下；

HTML/PHP

<form id="feedbackFormGood" name="feedbackFormGood">
    <input hidden="true" name="Feedback" type="text" value="GOOD"> 
    <input hidden="true" name="Date" type="text" value="<?php echo date('j/n/Y'); ?>"> 
    <input hidden="true" name="Time" type="text" value="<?php echo date('H:i:s'); ?>"> 
    <input src="images/feedback/happy.png" type="image">
</form>

AJAX

$(document).ready(function() {
    var request;
    $("#feedbackFormGood").submit(function(event)
    {
        event.preventDefault();
        var $form = $(this);
        var $inputs = $form.find("input, select, button, textarea");
        var serializedData = $form.serialize();
        request = $.ajax(
        {
            url: "MyURL", // this is a Google Sheet
            type: "post",
            data: serializedData
        });
    });
});

如有任何建议，我们将不胜感激。

Answer 1

尝试使用 JavaScript 添加日期和时间

$(document).ready(function() {
    var request;
    $("#feedbackFormGood").submit(function(event)
    {
        event.preventDefault();
        var today = new Date();
        var date = today.getDate()+'/'+(today.getMonth()+1)+'/'+today.getFullYear();
        var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds()
        var $form = $(this);
        var $inputs = $form.find("input, select, button, textarea");
        var serializedData = $form.serialize();
        request = $.ajax(
        {
            url: "MyURL", // this is a Google Sheet
            type: "post",
            data: serializedData + '&Date=' + date + '&Time=' + time
        });
    });
});