jquery - getResponseHeader 不是函数

Question

我需要从另一个页面获取值。但我通过以下代码收到此错误。我该如何修复它？

    $(document).ready(function() { 
        $("[name='submit']").click(function() { 
            $.ajax({
                type: "POST",
                data: $(".form-signup").serialize(),
                url: "external.asp", 
                success: function(output) { 
                alert(output.getResponseHeader("Content-Length"));
},
                error: function(output) {
                $('.sysMsg').html(output);
                }
            }); 
        }); 
    }); 

Answer 1

首先，您的设置对象的格式不正确，success 函数未终止。

编辑:似乎您正在使用 jQuery 1.3.x，如果是这样，$.ajax 函数本身返回 XHR 对象:

$(document).ready(function() { 
    $("[name='submit']").click(function() { 
        var xhr = $.ajax({
            type: "POST",
            data: $(".form-signup").serialize(),
            url: "external.asp", 
            success: function(output, status) { 
              alert(xhr.getResponseHeader("Content-Length"));
            },
            error: function(output) {
              $('.sysMsg').html(output);
            }
        }); 
    }); 
});

对于 jQuery 1.4+ 版本:

然后，当执行的 success 回调传递了三个参数 (success(data, textStatus, XMLHttpRequest)) 时，您需要调用 getResponseHeader XmlHttpRequest 对象，第三个参数:

$(document).ready(function() { 
    $("[name='submit']").click(function() { 
        $.ajax({
            type: "POST",
            data: $(".form-signup").serialize(),
            url: "external.asp", 
            success: function(output, status, xhr) { 
              alert(xhr.getResponseHeader("Content-Length"));
            },
            error: function(output) {
              $('.sysMsg').html(output);
            }
        }); 
    }); 
});