Html 使用隐藏输入通过Ajax发送额外数据

目前，当用户提交表单时，我正在使用隐藏输入通过Ajax发送一些额外的值。我使用隐藏值的原因是，我可以有一个包含文本字段的长列表，每个文本字段都有一个指定的按钮。每次点击按钮，我都必须发送文本字段中的值加上一些额外的值

问题是，任何人都可以检查Chrome中的代码（例如），并更改隐藏字段中的值。有没有更好的办法

---

编辑：添加了一些代码来更好地说明我的问题

HTML

<div>
    <input type="textfield" name="value1" value="Default value for textfield" />
    <input type="hidden" class="hiddenValue" name="hiddenSuperSecretValue" value="superSecret" />
    <button class="submitButton">Submit</button>

    <input type="textfield" name="value2" value="Default value for textfield" />
    <input type="hidden" class="hiddenValue" name="hiddenSuperSecretValue" value="superSecret" />
    <button class="submitButton">Submit</button>
    ... more fields ...
</div>

---

如果您使用的是像PHP这样的服务器端语言，那么更好的选择是在会话中存储隐藏的值，这样用户就无法访问这些值。

因为我对每个字段都有不同的值，我不想对每个字段都使用ajax函数，我不知道如何使用会话。请参阅我对原始帖子的编辑。

$('.submitButton').click(function(){
    dataVar = "someValue" = $(this).closest('.hiddenValue').val();
    $.ajax({
        type: "POST",
        url: "/submitAjaxStuff.php",
        data: dataVar,
        cache: false,
        success: function(response){
            doSomething(response);
        }
    });
});