我的html頁面沒有顯示我的json數據

我是json的新手，我正在使用microsoft visual studio開發一個簡單的網頁。我已經創建了json文件並將其放入驅動器，如D：//。現在我必須閱讀json數據，並在單擊按鈕時在我的網頁中顯示。最新出了什麼問題。我的html頁面沒有顯示我的json數據

<title>Welcome</title> 
<script src="Scripts/jquery-1.10.2.min.js"></script> 
<script src="Scripts/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#hop").click(function(event) { 
      $.getJSON('d://final.json', function (jd) { 
       $("#hi").html('<p>Name :' + jd.name + '</p>') 
       $('#hi').append('<p>Age : ' + jd.age + '</p>'); 
      }); 
     }); 
    }); 
</script> 
</head> 
<body> 
    <h1>Get Json Data</h1> 
    <div id="hi"> 
     Hi 
    </div> 
    <input type="button" id="hop" value="ShowJsonData"/> 
</body>

final.json：

{ 
    "name": "stack" 
    "age":"15" 
}

來源

2014-11-21 BelieveToLive

您是否嘗試打開控制檯並查看錯誤是什麼？ – ummahusla 2014-11-21 10:06:46

您不能由於現代瀏覽器的安全限制AJAX請求到本地文件系統。

您需要通過Web服務器（例如IIS或Apache）在本地機器上或遠程運行代碼。

來源

2014-11-21 10:07:22

我的html頁面沒有顯示我的json數據

回答

相關問題