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);
            }
        }); 
    }); 
});