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

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; 
     } 
     }); 
    } 
} 

我没有测试过的代码，但是这是我的意思了。此解决方案是否适合您的需求？

让我知道，欢呼！