来自响应的数据是无法设置为 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 url 来实现您的目标

$.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");
    }
});

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

Data from response is symbols unable to set to iframe

javascript

ajax

iframe

jquery

httpresponse