Question

我正在使用JQuery AJAX请求，该请求将在完成后触发下载。

CODE：

 $('.getPDF').click(function(){
 var filepath = 'localhost:3000/pdf/formula-' + this.id + '.pdf';
 $.ajax({
   url: '/formulas/'+ this.id +'/pdf',
   type: 'POST',
   success: downloadFile(filepath)
 });

 function downloadFile (path) {
   var link = document.createElement('a');
   link.href = path;
   $(link).attr("download", true);
   link.click();
   }
 });

这会在Chrome中返回以下错误：

Failed - Network Error

在控制台中没有显示任何其他内容。下载在Firefox或IE中也不起作用。

我已成功完成console.log(filepath)，当我将其作为网址粘贴到浏览器栏中时，它返回的路径会显示正确的文件。

生成AJAX请求的HTML如下所示：

<a class="pure-button button-success getPDF" id="59ac514a52c93e4aa862fadd">Generate PDF </a>

如果相关，服务器端代码通常如下所示：

router.post('/formulas/:id/pdf', function(req, res){
  var db = req.db.collection('users');
  var id = new ObjectID(req.params.id);
  var pointer = {"formulas.$": 1, "_id": 0};
  db.aggregate([
    {$match: {"formulas.f_id": id}},
    {$unwind: "$formulas"},
    {$match: {"formulas.f_id": id}},
    {$project : {"formulas": 1, "_id": 0}}
  ]).toArray(function(e, doc){
    if (e) {
    throw e;
  } else {
    var html = null;
   ejs.renderFile('./views/pdf.ejs', {
    project: doc[0].formulas
  }, function(err, results){
    if (err) {
      console.log(err);
      }
      html = results;
    });
    var options = { format: 'Letter' };
    var path = 'public/pdf/formula-' + req.params.id + '.pdf';
    pdf.create(html, options).toFile(path, function(err, results) {
      if (err) {
        return console.log(err);
      }
      if (results) {
        res.end();
      }
    });
   }
  });
});

Answer 1

Ajax成功回调必须是一个函数...
第一个参数可以按照您的意愿命名......但是将填充Ajax响应。

因此，回复会覆盖您的filepath变量...
为避免这种情况，请在回调函数中调用downloadFile 如果您不需要，请忽略回复。 ;）

success: function(response){
  downloadFile(filepath);
}

Jquery启动下载返回＆＃39;失败：网络错误＆＃39;

1 个答案: