JSON服务的Ajax调用不起作用

Question

我承认到目前为止，我对JQuery / Ajax的使用受到一定的限制，我试图从两个Web服务获取JSON数据：

http://w.xaviertidus.com/Json.svc/getInServiceTransponders

http://w.xaviertidus.com/Json.svc/latestTransponderUpdates

使用以下代码：

function fetchTransponderData() {
    $.ajax({
        url: "http://w.xaviertidus.com/Json.svc/getInServiceTransponders",
        contentType: "application/json; charset=utf-8",
        data: "{}",
        dataType: "json",
        success: function (response) {
            return response;
        },
        error: function (xmlHttpRequest, textStatus, errorThrown) {
            alert(errorThrown);
        }
    });
}

function fetchFarcsData() {
    $.ajax({
        url: "http://w.xaviertidus.com/Json.svc/latestTransponderUpdates",
        contentType: "application/json; charset=utf-8",
        data: "{}",
        dataType: "json",
        success: function (response) {
            return response;
        },
        error: function (xmlHttpRequest, textStatus, errorThrown) {
            alert(errorThrown);
        }
    });
}

不幸的是，它一直在抛出错误（ajax语句中的“错误”下的警报触发）并且没有提供详细信息，我使用了提琴手，它正在向Web服务发出请求，而我自己去向他们发出预期的JSON结果。

谁能为我阐明这个问题？ 非常感谢！

Answer 1

可能是跨域请求。 如果是这样，则必须设置适当的标头（Access-Control-Allow-Origin：*）或使用代理服务器。

Answer 2

您可以尝试使用JSONP绕过相同的原始策略。 但是，更好的选择可能是从服务器端代码调用外部站点，然后依靠服务器将结果转发回客户端。