AJAX提交表单和时间而不刷新

Question

我有一个简单的表单,通过AJAX向Google Sheet提交一些数据,这是成功的.

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

大概是因为我使用PHP来存储time和date隐藏输入,并且在刷新页面之前这些值不会更新.

我无法刷新页面,它必须保持静态.

如何将这些date和time值存储为实时并使用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
        });
    });
});