如何使用JS实现异步下载吗?即:既能实现下载又不刷新页面。这时我们常常会想到使用ajax,但是由于ajax接受的response始终是字符串,因此并不能使用ajax来实现下载功能。

  常见是新建下载的方法为

  1,a标签

  2,url跳转,

  3,提交表单,

  其中a标签体验好些,其他两个会打开一个新标签再下载再关闭新标签,整个过程让人感觉眼花缭乱,因此推荐使用a标签实现下载功能。

 //使用表单下载
function commDownload(url, method, params) {
let formStr = `<form action="${url}" method="${method}" >`;
for(let [key, value] of Object.entries(params)) {
formStr += `<input type="text" name="${key}" value="${value}" />`;
}
formStr += "</form>";
$(formStr).appendTo("body").submit().remove();
} //使用url跳转下载
function commDownload2(url, params) {
url += "?";
for(let key in params) {
url += key + "=" + params[key] + "&";
}
url = url.substr(0, url.length - 1);
window.open(url);
} //使用a标签下载--推荐使用
function commDownload3(url, params) {
url += "?";
for(let key in params) {
url += key + "=" + params[key] + "&";
}
url = url.substr(0, url.length - 1);
$("<a href=" + url + " />")[0].click();
}

最新文章

  1. Entity Framework Code First反向生成代码
  2. 了解学习JS中this的指向
  3. struts标签
  4. c#实现邮件发送链接激活
  5. Linux_RPM_查询
  6. 分享几段JavaScript
  7. STRUTS2 标签 循环次数
  8. CSS3 display:flex和display:box有什么区别?
  9. 红领的短板:线下“O”瓶颈_财经频道_一财网
  10. silverlight控件动画状态的过渡
  11. JavaBean编程的基本思路-逻辑业务层
  12. Magicodes.NET框架
  13. Linux下防火墙设置
  14. 《深入浅出设计模式》读书笔记 C#版(第一章)
  15. POI读写大数据量excel,解决超过几万行而导致内存溢出的问题
  16. webservice和dubbo区别
  17. BZOJ4381[POI2015]Odwiedziny——分块+长链剖分
  18. hdu 4891 模拟水题
  19. Alpha冲刺报告(1/12)(麻瓜制造者)
  20. Java并发(二十):线程本地变量ThreadLocal

热门文章

  1. SecureCRT中文乱码解决已设置UTF-8了
  2. kvm虚拟化环境中的时区设置
  3. Python_列表操作2
  4. Spring Boot 配置文件中的花样
  5. raw镜像与qcw2镜像互相转换
  6. IDEA实用教程(十一)—— 使用Maven创建JavaSE项目
  7. java 实现 单链表
  8. TAPD----设置新缺陷模板必填信息
  9. 关于equals和hashcode问题
  10. python - ORM 查询