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繞過相同的原始策略。 但是，更好的選擇可能是從服務器端代碼調用外部站點，然后依靠服務器將結果轉發回客戶端。