如何摆脱JavaScript中的表单输入值缓存​​？

Question

这是我在JavaScript中的代码：

function myfunction() {
    var increment = $("#increment").val();
    $("#increment").val(parseInt($("#increment").val()) + 1);
}

和HTML：

<input id="increment" value="0" type="hidden">

这个想法是，当我单击我的按钮时，将调用myfunction并增加隐藏的输入类型。 有用。 如果按F5键，则隐藏的输入类型的值将保留最后一个增量编号。

如果按Ctrl + F5，则输入的值将设置为0 。 为什么？ 当我仅用F5刷新页面时，如何构建代码以将输入设置为0 ？

Answer 1

您可以将页面加载时的值简单地设置为0：

$(function() {
    $("#increment").val('0');
});

Answer 2

编辑：上面的塞缪尔（Samuels）答案很好地解决了这个特定问题，也就是将其重置为0。下面的答案是防止浏览器在刷新时保留FORM数据的通用方法。 为此，需要禁用浏览器缓存。

您需要在浏览器中禁用客户端缓存。

在客户端执行此操作的唯一方法是使用元标记：

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

Answer 3

在该函数之前，请执行以下操作：

$('#increment').val(''); // This should always make the input clear of any value when the page loads
function myfunction(){
    var increment = $("#increment").val();
    $("#increment").val(parseInt($("#increment").val()) + 1);
}