Скачивайте файлы через id, используя jQuery / Javascript

Question

У меня более 100 статей. К каждой статье прикреплен отдельный файл PDF. Есть форма, где пользователь должен заполнить и перенаправить на страницу благодарности. Код ниже.

document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://example.com/thankyou';
}, false );

В приведенном выше коде я хотел бы добавить приведенный ниже код, чтобы он инициировал загрузку. Как я могу объединить эти два кода?

$(document).ready(function(){
    $("#download a").trigger("click");
});

Статья в формате HTML:

<p>Content goes here</p>
<p id="download"><a href="https://example.com/path/file.pdf">Download</a></p>

Если есть лучший способ, пожалуйста, предложите.

Answer 1

Передайте параметр get.

Поскольку вы перезагружаете новую страницу, вы должны передать параметр get, чтобы указать, что загрузка должна начаться.

document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://example.com/thankyou?download';
}, false );

Затем на вашемстраница с файлом загрузки.

$(document).ready(function(){
  if (window.location.search.includes("download")){
    $("#download a").trigger("click");
  }
});

Если у вас был список на одной странице, вы можете передать аргумент в параметре загрузки ?download="1234.zip" и использовать его в качестве цели. Пожалуйста, будьте осторожны, если вы используете этот метод, чтобы не открывать себя для инъекции JS.