实现点击 Ajax 请求返回的链接而不被浏览器拦截

最近遇到一个问题：html 页面上有一个 a 标签，点击它会向服务器发送一个 ajax 请求，想通过点击返回的链接让浏览器下载文件，试图将返回的链接赋值给 window.location，但却被浏览器拦截了。

之后通过构建一个隐藏的 iframe 来下载，从而解决拦截问题，代码实现如下：

$(".downloadDesignPng,.downloadDesignPdf", tr).click(function () {
    $(this).hide();

    var type;
    var className = $(this).attr("class");
    if("downloadDesignPng" == className) {
        type = 0;
    } else if("downloadDesignPdf" == className) {
        type = 1;
    } else {
        return;
    }

    $("#downloadTip").text("正在下载，请耐心等待");

    $.ajax({
        type: "POST",
        url: "/print/print/getPrintDesignDownloadUrl.do",
        dataType: "json",
        data: {
            orderNo : orderNo,
            type : type
        },
        success: function(data) {
            $("#downloadTip").empty();
            $("." + className, tr).show();

            if(data.url) {
                // 通过一个动态生成的隐藏的 iframe 来得到下载的二进制文件。
                // 原理是：iframe 有一个 src 属性，其本质就是发送 http 请求，GET 一个页面或者数据
                var IFrameRequest = document.createElement("iframe");
                IFrameRequest.id = "IFrameRequest";
                IFrameRequest.src = "http:" + data.url;
                IFrameRequest.style.display = "none";
                document.body.appendChild(IFrameRequest);
            } else {
                alert("参数错误");
            }
        }
    });
});