2013-07-23 26 views
1

我可以使用jQuery獲取JSON文件的簡單屬性。 通過以下腳本,我得到了未定義的內容。使用jQuery獲取JSON文件中的屬性問題GET

我在這裏做錯了什麼?

<script> 
    $(document).ready(function() { 

     var urlOriginal = 'http://xxx.com/xxx/xxx/xxx/resources.js'; 
     var urlResource = 'proxy_dr3.php?proxy_url=' + encodeURIComponent(urlOriginal); 
     $.get(urlResource, function(data) { 
      console.log(data); // I can see all the content from the JSON FILE 
      console.log(data.urlPage); // undefined - PROBLEM HERE 
      var urlHTML = data.urlPage; 

      /*$.get(urlHTML, function(data) { 
       $('#result').html(data); 
      });*/ 

     }); 


    }); 
</script> 

內容resource.js是JSON

{ 

     "urlPage": "http://xxx.com/xxx/xxx/xxx/article_517d960f0cf2fe38916a2f9d.html" 
    } 

在網中的結果類型是text/html。加載後,resource.js

回答

3

$.get不會猜測它是JSON,因爲您的服務器給出的MIME類型是錯誤的。

您可以使用JSON.parse解析提供的值(可能是字符串),但應使用$.getJSON,以便回調接收解析的值。

$.getJSON(urlResource, function(data) { 
     console.log(data); 
     console.log(data.urlPage); 

    }); 
+0

由於這個問題解決了! – GibboK

0

您可以使用任何一種最適合您應用的方法。

$.ajax({ 
      type: "GET", 
      data: "ur data", 
      url: "ur url", 
      contentType: "application/json; charset=utf-8", 
      success: function(data) { 
      } 
     }); 

,或者你可以使用$ .getJSON函數