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

Question

我的json數據不會出現在瀏覽器中。 這是我第一次使用json，我無法找出問題所在。我在互聯網上進行搜索，發現它與mime有關，但仍然無法解決。 這是代碼：

<!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>

Answer 1

這是更新的代碼

<!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調用周圍缺少文檔就緒塊。

Answer 2

編寫一個Error方法，看看是否發生了一些ajax錯誤

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

xhr將顯示響應文本

更新：

您的代碼完全正確，就像nikhil所說的dodument.ready應該是魔術

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

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

問題描述

2 個解決方案

解決方案1
0 2015-06-06 19:44:55

解決方案2
0 2015-06-06 19:48:04

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

問題描述

2 個解決方案

解決方案1 0 2015-06-06 19:44:55

解決方案2 0 2015-06-06 19:48:04

解決方案1
0 2015-06-06 19:44:55

解決方案2
0 2015-06-06 19:48:04