Javascript 什么';这个jQuery AJAX请求有什么问题?

Javascript 什么';这个jQuery AJAX请求有什么问题?,javascript,jquery,ajax,json,Javascript,Jquery,Ajax,Json,我的jQuery.ajax()函数不起作用。。 我想显示来自服务器的JSON数据。。我通过Firebug发现请求成功了。当我删除函数(数据){在“success”-标记中时,警报会触发,当函数保留时,警报不会触发。。 顺便说一句:请求总是成功的,而且用户名和密码都是错误的,这怎么可能呢?但是当我删除xhr.setRequestHeader()方法时,Firebug显示由于服务器需要基本的身份验证,调用以“unauthorized”结束 有什么建议可以解决这个问题吗?提前谢谢 我的javascri

我的jQuery.ajax()函数不起作用。。 我想显示来自服务器的JSON数据。。我通过Firebug发现请求成功了。当我删除函数(数据){在“success”-标记中时,警报会触发,当函数保留时,警报不会触发。。 顺便说一句:请求总是成功的,而且用户名和密码都是错误的,这怎么可能呢?但是当我删除xhr.setRequestHeader()方法时,Firebug显示由于服务器需要基本的身份验证,调用以“unauthorized”结束

有什么建议可以解决这个问题吗?提前谢谢

我的javascript“gadget.js”

最后是我的HTML类“gadget.HTML”:


我的小玩意

为什么不显示我的id


顺便问一下:.done(function(){})和“success:(function(){})”之间有什么区别?

我会回答我所知道的:文档中有一条关于done()和success()之间区别的注释:

弃用通知:jqXHR.success()、jqXHR.error()和jqXHR.complete()回调将在jQuery 1.8中弃用。要准备代码以便最终删除,请改用jqXHR.done()、jqXHR.fail()和jqXHR.always()

如果使用JSON,可以使用getJSON()而不是ajax()。
希望能有所帮助!

我会回答我所知道的问题:文档中有一条关于done()和success()之间区别的注释:

弃用通知:jqXHR.success()、jqXHR.error()和jqXHR.complete()回调将在jQuery 1.8中弃用。要准备代码以便最终删除,请改用jqXHR.done()、jqXHR.fail()和jqXHR.always()

如果使用JSON,可以使用getJSON()而不是ajax()。
希望有帮助!

JSON文件在同一个域上吗?如果不是,请查找跨域Ajax。(JSONP)您是否知道
success
done
做了同样的事情?而且它在您的代码中是多余的?我想这是您的JSON调用,因为您的脚本工作正常(请参阅:)-是否如@PoweRoy所问的那样是跨域的?好吧,但是为什么firebug显示“200成功”状态呢?@Joseph是的,我知道,我已经这样测试过了。我知道复制是同一个域上的JSON文件?如果不是,请查找跨域Ajax。(JSONP)你知道
success
done
做了同样的事情吗?这在你的代码中是多余的吗?我想这是你的JSON调用,因为你的脚本工作得很好(请参阅:)-这是@PoweRoy问的跨域吗?好的,但是为什么firebug显示“200成功”“那么状态如何?@Joseph是的,我知道,我已经这样测试过了..我知道复制我以前尝试过这个,但是getJSON()不支持这个请求所需的基本身份验证我以前尝试过这个,但是getJSON()不支持这个请求所需的基本身份验证
$.ajax({
    url: "http://localhost:8387/nscalemc/rest/mon/resourcestatus.json",
    type: "GET",
    dataType: "json",
    contentType: "application/json",
    beforeSend: function(xhr) {
        var base64 = btoa('admin' + ":" + 'admin');
        xhr.setRequestHeader("Authorization", "Basic" + base64);
    },
    success: function(data) {
        $(data.groupStatus).each(function() {
            $("body").append("<p>ID: " + this.id + "</p>");
        });
        alert("success!");
    }
}).done(function(data) {
    alert("done!");
    $(data.groupStatus).each(function() {
        $("body").append("<p>ID: " + this.id + "</p>");
    });
}).fail(function(jqXHR, textStatus) {
    alert("fail - " + textStatus);
});​
{
    "groupStatus": [
        {
            "id": "Application Layer Configuration-ApplicationLayer",
            "time": 1332755316976,
            "level": 0,
            "warningIds": [],
            "errorIds": []
        },
        {
            "id": "Application Layer-ApplicationLayer:nscalealinst2",
            "time": 1333431531046,
            "level": 0,
            "warningIds": [],
            "errorIds": []
        }
    ]
}
<html>
<head>
    <title>My Gadget</title>
    <link href="css/gadget.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
</head>
<body>
    <div id="content"></div>
    <script type="text/javascript" src="js/gadget.js"></script>
</body>