2012-10-31 65 views
0

我遇到此問題: 我嘗試從.json文件加載數據到我的網站,但我遇到了標題中特殊字符的問題(Ó ,Í,É,空間)。我只能更改.HTML文件。

這是html的:http://www.lukcian.x10.mx/json5.html

這是上傳.json:http://www.lukcian.x10.mx/json/bibliotecas.json

由於

這是例如:

上傳.json:

{ 
    "Bibliotecas": [ 
     { 
      "BIBLIOTECA": "Biblioteca General de Navarra ", 
      "DIRECCIÓN ": "Plaza de San Francisco", 
      "COD. POSTAL": 31001, 
      "POBLACIÓN": "Pamplona", 
      "TELÉFONO": 848427797, 
      ..................... 

的.html:

<!DOCTYPE HTML> 
<html> 
    <head> 
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> 

    <title>JSON multiple zombies 
    </title> 

    <script src="HostFiles/jquery.js"></script> 
    <link href="reset.css" rel="stylesheet" type="text/css" media="screen"> 




    <script> 


     $(document).ready(function() { 
       $.getJSON('json/bibliotecas.json', function(json) { 

       $.each(json.Bibliotecas, function() { 

       $('<article class="json"></article>').append(

       '<p> ' + this.BIBLIOTECA + '</p>' + 
       '<p> ' + this["DIRECCIÓN "] + '</p>' + 
       '<p> ' + this.POBLACIÓN + '</p>' + 
       '<p> ' + this.TELÉFONO + '</p>' + 


       '</br></br>' 
       ).appendTo('body'); 


    });   

    }); 

}); 





    </script> 





</head> 
<body> 

</body> 
    </html> 

結果:

Biblioteca General de Navarra 

undefined 

undefined 

undefined 

回答

0

你有字符編碼的問題。我也試着用jQuery.ajax設置適當的字符編碼,但是不行。

如果您使用Chrome的Dev HTTP Client插件檢查the JSON source,您將看到返回的內容。

兩個可能的解決方案:

  1. 編碼正確的JSON源,以便它使用HTML實體(我會強烈建議這個解決方案)
  2. 發送的JSON源正確的內容類型,很可能是UTF -8