不跳转页面下载文件

最先网上答案讨论比较多的是这一种：

**通过iframe下载

/**

* content 下载的url

*/

function download2(content) {

try{
　　$(".iframe_down").remove().end();
　　var urlFile=content;
　　var elemIF = document.createElement("iframe");
　　elemIF.src = urlFile;
　　elemIF.style.display = "none";
　　document.body.appendChild(elemIF);
}
　　catch(e){
}

}

缺点：下载不稳定，偶尔会下载两次，尚未查出原因

 

/*优化*/

通过尝试，找到了完美的方法：通过表单下载

//页面html元素

<iframe style="display: none" name="if_down"></iframe>

<form method="post" action="" id="if_down" target="if_down"></form>

/**

* content 下载的url

* id url中需要传的参数

*/

function download2(content, id) {

　　try{

　　　　var $eleForm = $("#if_down");
　　　　$eleForm.attr("action", content);

　　　　//url中需要带的参数
　　　　var input = $("<input>");

　　　　input.attr("type", "hidden");
　　　　input.attr("name", "id");
　　　　input.attr("value", id);//参数id

　　　　$eleForm.append(input);

　　　　$eleForm.submit();

　　}
　　　　catch(e){
　　}

}

完美解决第一个中所带来的问题，目前没有发现不兼容的浏览器，缺点是在这种post表单提交方式中，无法直接在url中带参，但是可以通过上述代码中的input方式将参数带入。

转载于:https://www.cnblogs.com/bber/p/10006028.html