点击a标签触发点击事件后下载文件

a标签

<a></a>

a标签下载文件

<a download="filename" id="a_downloadPdf" href="文件地址">点击下载</a>

添加点击事件

<a download="filename" id="a_downloadPdf" href="文件地址" οnclick="click()">点击下载</a>

因为 点击事件先于href执行 当点击事件返回true时 href执行 返回false href不执行

function click() {

    $.ajax({

        type: "get",

        url: "url",

        dateType: "json",

        //data: "",

        success: function (data) {

            if (data.status == 1) {

                return true;

            }

        },

        error: function () {

            return false;

        },

        async: false

    });

}

因为需要ajax执行完毕后再执行href 所以需要设置为同步请求async: false 保证文件下载时已经生成 如果async: true 文件还没有生成就已经执行下载