响应中的数据是无法设置为iframe的符号

Question

我想检查Api的响应是否成功，然后将其放入iframe中。

如果我这样称它两次......它有效。

function getPDF(fileDirectorGuid) {
if ($('#viewDownloadWindow').is(":visible")) {
    $.ajax({
        url: $('#fdApiURL').val() + 'getDocAsPDF' + FIRST_ARGS + '&guid=' + fileDirectorGuid + '&fallbackToNative=true',
        type: 'GET',
        success: function (data) {
            if (data == null) {
                alert("failed");
            }
            else {
                $('#pdfFrame').attr('src', $('#fdApiURL').val() + 'getDocAsPDF' + FIRST_ARGS + '&guid=' + fileDirectorGuid + '&fallbackToNative=true');
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert("Failed");
        }
    });
}

但是我不想两次打电话，这不像我想的那样有效

function getPDF(fileDirectorGuid) {
if ($('#viewDownloadWindow').is(":visible")) {
    $.ajax({
        url: $('#fdApiURL').val() + 'getDocAsPDF' + FIRST_ARGS + '&guid=' + fileDirectorGuid + '&fallbackToNative=true',
        type: 'GET',
        success: function (data) {
            if (data == null) {
                alert("failed");
            }
            else {
                $('#pdfFrame').attr('src', data);
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert("Failed");
        }
    });
}

在调试器中查看此数据时，数据如下所示

"%PDF-1.6
1 0 obj
<<
/Length 2 0 R
/Filter  /FlateDecode
>>
stream
x��[�%Iv�wO�����H�|��8&`%ِږ8�.���D�J�h  ��^of�Z�;wsj�g�<�4��O�X�Nq���c��������l����������7��?����>���S������4��>�y||��z�<J����Gݏ�c�?C����6�����?

等等等等。

Answer 1

iframe的src属性是一个url，您正在设置实际的pdf数据。您可以使用blob网址来实现目标

$.ajax({
    url: $('#fdApiURL').val() + 'getDocAsPDF' + FIRST_ARGS + '&guid=' + fileDirectorGuid + '&fallbackToNative=true',
    type: 'GET',
    xhr:function(){
        var xhr = new XMLHttpRequest();
        xhr.responseType= 'blob'
        return xhr;
    },        
    success: function (data) {
        if (data == null) {
            alert("failed");
        }
        else {
            var url = window.URL.createObjectURL(data);
            $('#pdfFrame').attr('src', url);
        }
    },
    error: function (jqXHR, textStatus, errorThrown) {
        alert("Failed");
    }
});