单击按钮上的JS函数以刷新页面

Question

我有一个ASP页面，该页面具有一个JS函数，该函数在HTML输入按钮单击时被调用，但是每次单击该按钮时，页面都会重新加载并返回到初始状态。

我已使用这些标签在服务器和客户端禁用了缓存

<%
Response.Cache.SetExpires(DateTime.UtcNow.AddMinutes(-1));
Response.Cache.SetCacheability(HttpCacheability.NoCache);
Response.Cache.SetNoStore();
%>

和

<meta http-equiv="Expires" CONTENT="0"/>
<meta http-equiv="Cache-Control" CONTENT="no-cache"/>
<meta http-equiv="Pragma" CONTENT="no-cache"/>   

我试图找出是什么原因导致页面在单击按钮时刷新，而不是调用JS函数，但是没有骰子。

---

如要求的是按钮代码

   <button class="textinput" id ="reloadData" onclick="reloadData()" title="Reload Data">Refresh</button>

而函数称为

            function reloadData() {
            var DPS = document.getElementById("datepickerStart").value;
            var DPE = document.getElementById("datepickerEnd").value;

            var startDP = new Date(DPS);
            var endDP = new Date(DPE);

            var startDate = (startDP.format("isoDateTime")).replace(/:/g, '\\:');
            var endDate = (endDP.format("isoDateTime")).replace(/:/g, '\\:');

            layer.redraw();
            }

我认为这与调用函数无关，因为它只是重新调整了过滤器中的值。

Answer 1

该按钮可能导致回发。 它以某种形式存在吗？

让javascript函数返回false以防止回发。

Answer 2

再利用reloadData在<... id ="reloadData" onclick="reloadData()" ...>可能会在某些浏览器有问题，虽然你不会指望它。

无论如何，请尝试在javascript（而不是HTML）中附加onclick处理程序，如下所示：

HTML：

<button class="textinput" id="reloadData" title="Reload Data">Refresh</button>

Javascript：

window.onload = function(){
    var reloadDataButton = document.getElementById('reloadData');
    var DPS = document.getElementById("datepickerStart");
    var DPE = document.getElementById("datepickerEnd");
    if(reloadDataButton && DPS && DPE){
        reloadDataButton.onclick = function(){
            var startDP = new Date(DPS.value);
            var endDP = new Date(DPE.value);

            var startDate = (startDP.format("isoDateTime")).replace(/:/g, '\\:');
            var endDate = (endDP.format("isoDateTime")).replace(/:/g, '\\:');

            layer.redraw();
            }
        };
    }
};

（如有必要，与现有的window.onload处理程序合并）

如果那不能解决问题，并且按钮确实不是形式，则问题必须出在layer.redraw(); （或window.onerror处理程序）。 尝试注释掉layer.redraw(); 看看会发生什么。