如何在请求中向服务器发送选中的复选框 - 自动下载文件

Question

我希望在请求中向服务器发送选中的复选框（例如，在我的情况下是 Django），然后作为响应自动下载文件？我对常见的食谱、建议或简单示例感兴趣。据我所知，由于隐私原因，Ajax 和 JS(JQuery) 通常没有解决方案。还是我误会了？

我的想法如何实现：

HTML：

<a id="btn" href="#">Download</a>
...
<input class="select-row" type="checkbox" data-row-id="{{ item.id }}"/>

JS：

$( '#btn' ).on('click', function() {
        var checkedRows = [];
        $( '.select-row:checked' ).each(function() {
            checkedRows.push( $(this).data('row-id') );
        });
        $.ajax( {
            type: "POST",
            url: "/request/to/view/",
            data: {
                passed_rows: checkedRows,
            },
            async: false,
        } ).done( function() {
            console.log('The archive is downloaded.');
        } )
    });

Answer 1

这是我的意思的一个例子：

HTML：

<form>
   <input type="checkbox" name="file" value="Document1">Document1<br>
   <input type="checkbox" name="file" value="Document2">Document2<br>
   <input type="checkbox" name="file" value="Document3">Document3
</form>

jQuery：

$('input[type="checkbox"]').on('change', function() {
   if (this.checked) {
      var fileToDownload = this.getAttribute('value');
      $.ajax({
         url: '/server-side'
         data: { file: fileToDownload },
         success: function(downloadUrl) {
             window.redirect = downloadUrl;
         }
      });
  }
}

我没有测试过代码。