JS实现下载的常用方案

　　如何使用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();
}