避免 "double post" 浏览器消息与 web to pdf api post

Avoid "double post" browser message with web to pdf api post

我有一个使用 convert v2 的 web-to-pdf 按钮 api。

<form action="https://v2.convertapi.com/web/to/pdf?Secret=XXX&download=attachment" method="post" enctype="multipart/form-data">
    <input type="hidden" name="Url" value="https://www.zg.ch/behoerden/baudirektion/statistikfachstelle/daten/gemeindeportraits.html" />
    <input type="hidden" name="FileName" value="Portrait" />
    <input type="hidden" name="ConversionDelay" value="5" />
    <input type="hidden" name="ViewportWidth" value="1200" />
    <input type="hidden" name="ViewportHeight" value="1887" />
    <input type="hidden" name="PageSize" value="a4" />
    <input type="submit" value="Portrait als PDF ausgeben"/>
</form>

根据页面上的选择,url 使用 jquery 更改。那部分也有效。

问题是,人们通常需要提交两次或更多次才能获得他们想要的所有 pdf,并收到一条浏览器消息,警告他们即将第二次提交表单。有什么办法可以避免这条消息吗?

一种方法是为每个可能的文件创建一个按钮,并根据使用 javascript/jquery 的选择隐藏显示整个按钮,但这似乎效率不高。

由于我在 CMS 中工作,因此我仅限于 html 和 javascript。

感谢您的帮助。

我不确定,但是有一次我遇到了类似的问题。 我通过将随机变量或时间戳与 URL 一起传递来解决它 即,

https://v2.convertapi.com/web/to/pdf?Secret=XXX&download=attachment&ignorethisparam=currenttimestamp

谢谢@manu-avs,你的回复让我找到了解决方案。在我的例子中,我使用 jQuery 将随机参数添加到操作 -url.

$('#downloadPdf').submit(function(ev) {
    ev.preventDefault(); // to stop the form from submitting
    $('#downloadPdf').attr('action', 'https://v2.convertapi.com/web/to/pdf?Secret=XXX&download=attachment&ignoreparam='+ev.timeStamp);  //to add random number parameter to action-url
    this.submit(); // submit with new url
});