從服務器獲取 json 文件

Question

我正在嘗試從我的服務器獲取一個 json 文件。 直到現在，我總是需要一個 json 文件，它是由 ajax 獲取的，服務器中的一個 php 文件創建了 json 文件。

不是 我有一個具有這種結構的 json 文件 (X.json)：

{
"zona": [
    {
        "zona1": [
            {
                "lon": "a",
                "lat": "b"
            },
            {
                "lon": "aa",
                "lat": "bb"
            },
            {
                "lon": "aaa",
                "lat": "bbb"
            },
            {
                "lon": "aaaa",
                "lat": "bbbb"
            }
        ]
    },
    {
        "zona2": [
            {
                "lon": "c",
                "lat": "d"
            },
            {
                "lon": "cc",
                "lat": "dd"
            },
            {
                "lon": "ccc",
                "lat": "ddd"
            },
            {
                "lon": "cccc",
                "lat": "dddd"
            },
            {
                "lon": "ccccc",
                "lat": "ddddd"
            }
        ]
    }
]
}

當我嘗試以同樣的方式獲取文件時，我什么也沒得到。 我想也許可以在我像 javascript 文件一樣加載網頁時添加文件。 或者也許使用 jsonp，但我試過了，但我得到了不好的答案。

作為 json 嘗試，我使用：

$.ajax({
        url: 'localhost/open/listaPuntosZona.json',
        type: 'GET',
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "jsonp",
        jsonp: "callback",
        jsonpCallback: "jsonpCallbackfunction",
        error: function () {
            alert("Error in Jsonp");
        }
    });

function jsonpCallbackfunction(responseData) {
alert(responseData);    

}

我還用以下方法包裝了 json 文件：回調（jsonfile 代碼）

而且，這另外兩個嘗試：

$.ajax({ 
  url: 'localhost/open/listaPuntosZona.json', 
  type: 'get', 
  error: function(data){ }, 
  complete: function(data){ 

    data=jQuery.parseJSON(data); //do something with data

    alert(data.zona.zona1.length);
  }
});



$.getJSON('localhost/open/listaPuntosZona.json',function(jsonData){
    alert("hola");
    alert(jsonData);
});

我正在使用 lampp 來測試網頁。

我必須改變什么嗎？ 我過去使用 jsonp 但不知道我現在做錯了什么。

Answer 1

首先，嘗試使用$.getJSON()而不是普通的 $.ajax()。 它將立即解決許多問題。

http://api.jquery.com/jQuery.getJSON/

其次，確保你的 json 文件格式正確，沒有任何松散的字符和奇怪的空格。

還嘗試將錯誤處理程序鏈接到您的 ajax 調用。 在上面的 getJSON 文檔中可用。

var jqxhr = $.getJSON("example.json").error(function() { alert("error"); });
// this is according to documentation, i cannot currently test this to work, sorry about that.

Answer 2

我知道這已經很舊了，但如果其他人像我一樣遇到這個問題，我可以通過以下方式解決它...

將以下行添加到.htaccess文件中...

Header set Access-Control-Allow-Origin "*"