jQuery $.get 不再返回数据

Question

我正在使用 jQuery-1.4.2 和 CakePHP，几天前我还可以正常工作，但现在不行了。我不记得改变过任何东西。我将 javascript 生成的 URL 直接放入浏览器中，我可以在浏览器中看到结果，但是 javascript 只是返回 null 值。有人有ide吗？

<script type="text/javascript">
    $(document).ready(function() {
        var url = "http://mysite.com/vote/";

        $.get(url + "view/" + $(".votediv").attr("id")  +".json" ,
                function(data,textStatus, XMLHttpRequest) {
                    console.log(data);
                    console.log(textStatus);
                    console.log(XMLHttpRequest);
                    if(data.Votes.votecast != undefined) {

                        $(".vote."+data.Votes.votecast).addClass("current");
                    }
                },"json");
        $('.vote').click(function () {
            if ($(this).hasClass("current")) {
                alert("You have already voted for this option!");
            } else {

                var error = false;

                if ($(this).hasClass("up")) {

                    $.post(url + "edit/" + $(".votediv").attr("id")  +".json", {'vote': 'up'},
                        function(data) {
                            console.log(data);
                        }, "json");
                    //alert("Voted Up!");
                }
                else if($(this).hasClass("down")) {
                    $.post(url + "edit/" + $(".votediv").attr("id")  +".json", {'vote': 'down'},
                        function(data) {
                            console.log(data);
                        }, "json");
                    //alert("Voted Down!");
                }
                //removes all the votes
                $(this).parent().children().removeClass("current");

                if(!error) {
                    $(this).addClass("current");
                } else {
                    alert("There was an error");
                }
            }
            return false;
        });
    });
</script>

浏览器中调试控制台的输出是

null
success

XMLHttpRequest
    abort: function () {x&&h.call(x);
    onabort: null
    onerror: null
    onload: null
    onloadstart: null
    onprogress: null
    onreadystatechange: function () {}
    readyState: 4
    responseText: ""
    responseXML: null
    status: 0
    statusText: ""
    upload: XMLHttpRequestUpload
    withCredentials: false
    __proto__: XMLHttpRequestPrototype

TypeError: Result of expression 'data' [null] is not an object.
Failed to load resource: cancelled

我的 php 脚本的输出是

{"Votes":{"votecast":"up","sumvotes":"1","totalvotes":"1"}}

我想知道为什么我不断收到空数据。有什么想法吗？我没有进行跨域查询。我只是查询我的域上的脚本。

编辑：

我已将 JSON 输出更改为显示为 {"Votes":{"votecast":"up","sumvotes":"1","totalvotes":"1"}} 和jsonlint.com 说它是有效的 JSON，但它仍然不起作用，并且 jQuery 说结果为 null。

Answer 1

我发现您在脚本开头指定了 URL：

var url = "http://mysite.com/vote/";

您是否违反了 同源政策？ IE。您只能对原始服务器进行 ajax 调用。

这会给您所描述的症状：空白响应，但通过浏览器手动尝试时该 URL 有效。

Answer 2

我不确定为什么它不返回数据，但您可能想确保 url $.get 是您认为的那个。例如，您可以使用 alert(url + "view/" + $(".votediv").attr("id") +".json"); - 当然您也可以看到在萤火虫中。

我相信 $.get 有时可以返回“成功”状态，即使它实际上没有加载网址。