Jquery 提交后重置表单并清除缓存

Jquery 提交后重置表单并清除缓存,jquery,jquery-forms-plugin,Jquery,Jquery Forms Plugin,大多数浏览器都会缓存表单值,因此当用户导航到另一个页面并按下“后退”按钮时,无需重新开始 在表单成功提交后,也会发生这种情况 以下场景: 用户提交表单 消息显示提交成功且表单已清除 用户导航到其他页面 用户按下后退按钮 页面将恢复到表单提交前的状态 在提交后调用resetForm()只会返回初始表单值,但不能解决缓存问题 $(document).ready(function(){ $('form').ajaxForm({ success: function(respons

大多数浏览器都会缓存表单值,因此当用户导航到另一个页面并按下“后退”按钮时,无需重新开始

在表单成功提交后,也会发生这种情况

以下场景:

  • 用户提交表单

  • 消息显示提交成功且表单已清除

  • 用户导航到其他页面

  • 用户按下后退按钮

  • 页面将恢复到表单提交前的状态

  • 在提交后调用resetForm()只会返回初始表单值,但不能解决缓存问题

    $(document).ready(function(){
        $('form').ajaxForm({
            success: function(responseText, statusText){
                displayMessage('form successful');
                $('form').resetForm();
            }
        });
    });
    
    加载页面时调用resetForm()可以解决缓存问题,但在页面之间导航时会中断预期的浏览器行为:

    $(document).ready(function(){
        $('form').ajaxForm().resetForm();
    });
    

    有没有办法在成功提交后清除缓存?

    我不太喜欢JQuery,但通常可以使用

    autocomplete='off'
    
    例如来源

    据我所知,没有其他跨浏览器的方式影响浏览器在缓存中存储的值。我认为不太可能通过编程方式访问这些东西,因为这会带来复杂的安全隐患