HTML5下载属性不起作用

Question

点击链接，我正在尝试下载pdf文档。为简单起见，下面显示的代码是下载图像。我已经在http://jsfiddle.net/Qjvb3/中看到了这个例子。在链接的click事件处理程序中，我正在尝试执行相同的操作并且它可以正常工作。

   jQuery(document.body).on('click', '.downLoadLink', function (event) {
   }

但是当我尝试在ajax调用中做同样的事情时，图像没有被下载。

   ds.downloadDxRecordForm = function (fileName,downloadAnchorElement,pdfFile) {
        return Q.when($.ajax({
            type: "GET",
            url: config.nccsysWebApiEndpoint + 'DxRecordForm/DownloadDxRecordForm',
            data: {
                fileName: fileName
            },
            contentType:'application/pdf',
            beforeSend: function (jqXhr) {
                ds.setXhrRequestHeader(jqXhr);
                jqXhr.setRequestHeader('Accept', 'application/pdf');
            }
        }).then(function (data) {
           //I am placing the jsfiddle code here
           //$(downloadAnchorElement).attr("href",.....).attr("download","..")
        }).fail(function (promise) {
            return ds.ajaxFailed(promise,
                {

                });
        }));

    };
};

对于这个ajax调用我正在传递anchor元素，然后在ajax调用完成时尝试设置href和下载属性。在控制台窗口中，我看到属性被添加到锚元素，但不知何故图像没有被下载。