爲什麼我的json數據在瀏覽器中不會出現在我運行代碼時

我的json數據不會出現在瀏覽器中。這是我第一次使用JSON，我無法弄清楚問題所在。我在網上搜索，它與MIME有關，但仍然無法弄清楚。這是代碼：爲什麼我的json數據在瀏覽器中不會出現在我運行代碼時

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script> 
var jsonData = '[{"rank":"9","content":"Alon","UID":"5"},{"rank":"6","content":"Tala","UID":"6"}]'; 
$.ajax({ 
    url: '/echo/json/', 
    type: 'POST', 
    contentType:"application/json; charset=utf-8", 
    data: { 
     json: jsonData 
    }, 
    success: function (response) { 
     var trHTML = ''; 
     $.each(response, function (i, item) { 
      trHTML += '<tr><td>' + item.rank + '</td><td>' + item.content + '</td><td>' + item.UID + '</td></tr>'; 
     }); 
     $('#records_table').append(trHTML); 
    } 
}); 
</script> 
</head> 
<body> 
<table id="records_table" border='1'> 
    <tr> 
     <th>Rank</th> 
     <th>Content</th> 
     <th>UID</th> 
    </tr> 
</table> 
</body> 
</html>

來源

2015-06-06 oorip

這裏是更新的代碼

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script> 
var jsonData = '[{"rank":"9","content":"Alon","UID":"5"},{"rank":"6","content":"Tala","UID":"6"}]'; 
$(document).ready(function(){ 
$.ajax({ 
    url: '/echo/json/', 
    type: 'POST', 
    contentType:"application/json; charset=utf-8", 
    data: { 
     json: jsonData 
    }, 
    success: function (response) { 
     var trHTML = ''; 
     $.each(response, function (i, item) { 
      trHTML += '<tr><td>' + item.rank + '</td><td>' + item.content + '</td><td>' + item.UID + '</td></tr>'; 
     }); 
     $('#records_table').append(trHTML); 
    } 
}); 


}); 
</script> 
</head> 
<body> 
<table id="records_table" border='1'> 
    <tr> 
     <th>Rank</th> 
     <th>Content</th> 
     <th>UID</th> 
    </tr> 
</table> 
</body> 
</html>

你失蹤周圍的Ajax調用文檔準備好塊。

來源

2015-06-06 19:44:55 nikhil

我只是再試一次，它不起作用。它只顯示錶頭。 – oorip

好的，讓我檢查 – nikhil

我檢查過。您的回覆似乎存在一些問題。響應是一個對象。只是嘗試做一個警報或console.log - 它似乎不是一個對象。另外你寫的jsonData是一個字符串，而不是一個json數組。我希望這是通過設計。 – nikhil

寫錯誤的方法，看看一些Ajax錯誤發生

`$.ajax({ 
    success: function(){ 
    // Handle the success event 
    }, 
    error: function(xhr){ 
    // Handle the error event 
    } 
    // ...... 
});`

的XHR將響應文本

UPDATE：

你的代碼是NIKHIL說dodument.ready完全正常應該做的神奇

檢查小提琴我已經用你的代碼測試http://jsfiddle.net/8sfm0p14/

來源

2015-06-06 19:48:04

我知道它可以在jsfiddle中使用，但不能使用記事本++ – oorip

讓我檢查... –

你會得到「XMLHttpRequest無法加載文件：/// C：/ echo/json /。只有協議方案支持交叉原點請求：http，數據，chrome，chrome擴展名，https和chrome擴展名資源。在控制檯日誌 –

爲什麼我的json數據在瀏覽器中不會出現在我運行代碼時

回答

相關問題