Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xslt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当用户离开页面时自动提交表单_Javascript_Django_Forms - Fatal编程技术网

Javascript 当用户离开页面时自动提交表单

Javascript 当用户离开页面时自动提交表单,javascript,django,forms,Javascript,Django,Forms,我试图弄清楚,一旦用户离开页面,如何自动提交表单。有办法吗 代码: 因此,当用户单击后退按钮或键入另一个url时,表单将自动提交表单,以便它可以在表单中发送值,其他视图可以捕获get方法 编辑: 当用户更改url或单击浏览器上的“后退”按钮时,基本上可以使用window.onbeforeunload事件,但它不会在页面刷新时触发 window.onbeforeunload = closingCode; function closingCode(){ document.getEleme

我试图弄清楚,一旦用户离开页面,如何自动提交表单。有办法吗

代码:


因此,当用户单击后退按钮或键入另一个url时,表单将自动提交表单,以便它可以在表单中发送值,其他视图可以捕获get方法

编辑:
当用户更改url或单击浏览器上的“后退”按钮时,基本上可以使用window.onbeforeunload事件,但它不会在页面刷新时触发

window.onbeforeunload = closingCode;
function closingCode(){
    document.getElementById("form").submit();
    return null; //<-- this prevents the dialog confirm box
}
window.onbeforeunload=关闭代码;
函数closingCode(){
document.getElementById(“表单”).submit();
返回null;//请尝试以下操作:

window.addEventListener('beforeunload', async (event) => {
    event.preventDefault();
    event.returnValue = ''; // For chrome

    await submitYourFormFunction();
});

当您刷新页面并单击浏览器上的“后退”按钮时,这项功能非常有效。

在这里获取您的答案@JavadEbrahimi这是当用户关闭其选项卡时,当用户更改url或单击浏览器后退按钮时,是否有提交的方法?这没有什么不同。当用户更改url或单击浏览器后退按钮时,这意味着关闭其选项卡
window.addEventListener('beforeunload', async (event) => {
    event.preventDefault();
    event.returnValue = ''; // For chrome

    await submitYourFormFunction();
});