Jquery 使用Ajax获取Json数据未显示任何数据_Jquery_Json_Ajax

Jquery 使用Ajax获取Json数据未显示任何数据

jquery json ajax

Jquery 使用Ajax获取Json数据未显示任何数据,jquery,json,ajax,Jquery,Json,Ajax,我试图使用ajax在表中显示URL中的Json数据。我希望代码循环遍历数据并将其输出到表中 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <style> #Results{ ma

我试图使用ajax在表中显示URL中的Json数据。我希望代码循环遍历数据并将其输出到表中

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <style>
        #Results{
            margin-right: auto;
            margin-left: auto;
            border: 1px solid black;
            width: 80%;
        }
        table {
            border-collapse: collapse;
            width: 100%;
        }

        th, td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        tr:hover{background-color:#f5f5f5}

    </style>
<script type="text/javascript">
   $(document).ready(function(){
       $.getJSON("URL", null,   
       function (json) {
           var tr;
           for (var i = 0; i < json.length; i++) {
               tr = $('<tr/>');
               tr.append("<td>" + json[i].data1 + "</td>");
               tr.append("<td>" + json[i].data2 + "</td>");
               tr.append("<td>" + json[i].data3 + "</td>");
               tr.append("<td>" + json[i].data4 + "</td>");
               $('result').append(tr);
           }
       })

   });
</script>

    <title></title>
</head>
<body>
<div id="Results">

<table id="result">

    <tr>
        <th>
            data1
        </th>
        <th>
            data2
        </th>
        <th>
            data3
        </th>
        <th>
            data4
        </th>
    </tr>

</table>

</div>
</body>
</html>


#结果{
右边距：自动；
左边距：自动；
边框：1px纯黑；
宽度：80%；
}
桌子{
边界塌陷：塌陷；
宽度：100%；
}
th，td{
填充：8px；
文本对齐：左对齐；
边框底部：1px实心#ddd；
}
tr:hover{背景色：#f5}
$（文档）.ready（函数（）{
$.getJSON（“URL”，null，
函数（json）{
var-tr；
for（var i=0；i


我的Jquery已经加载，我已经检查过了，我在控制台中没有看到任何错误。
但目前表中没有产出。
有人能指出我哪里出了问题吗？
你应该在成功回调中这样做。您的JS
代码应该如下所示
$.getJSON("URL", null, function(json){
       var tr;
       for (var i = 0; i < json.length; i++) {
           tr = $('<tr/>');
           tr.append("<td>" + json[i].data1 + "</td>");
           tr.append("<td>" + json[i].data2 + "</td>");
           tr.append("<td>" + json[i].data3 + "</td>");
           tr.append("<td>" + json[i].data4 + "</td>");
           $('#result').append(tr);
       }
 })

$.getJSON（“URL”，null，函数（json）{
var-tr；
for（var i=0；i
试试这个
 $('result').html(tr);

应该是
$（'#result'）.html（tr）
我发现了问题，伙计们：）
$.getJSON（“URL”，函数（json）{
var-tr；
for（var i=0；i

结果：D中缺少一个#
如果您使用的是id，那么您应该使用#作为直接id，例如
$('#result').append(tr);

你也可以这样做。我只是使用了一个示例json，但是
 var json = [ {data1:"Toyota", data2:"Dodge",data3:"Honda", data4:"Mazda" } ];

                 var Cars = [];

                Cars.push('<tr><th> data1  </th>  <th>  data2 </th>  <th>  data3  </th>  <th>  data4  </th> </tr>');
               for (var i = 0; i < json.length; i++) {
                   Cars.push('<tr>');

                  Cars.push("<td>" + json[i].data1 + "</td>");
                  Cars.push("<td>" + json[i].data2 + "</td>");
                  Cars.push("<td>" + json[i].data3 + "</td>");
                  Cars.push("<td>" + json[i].data4 + "</td>");

                  Cars.push('<tr>');

               }
                $('#result').html(Cars);

var json=[{data1:“丰田”，data2:“道奇”，data3:“本田”，data4:“马自达”}]；
var Cars=[]；
推送（'data1 data2 data3 data4'）；
for（var i=0；i

在html中，它将是如下所示的空白表：
<table id="result">



</table>

我认为您需要记录您的代码
尝试记录这个数据console.log（json[i]）。
然后检查是否显示任何数据或错误。
Hi，我已编辑了代码。。似乎什么也没做。我已经做了您指定的更改，但不幸的是，我仍然没有得到任何数据结果。您的youURLok？检查您的控制台。什么东西回来了？什么也没有。。控制台是空的是您向托管JS代码的站点发出请求的URL吗？如果不是的话，你很可能会被
<table id="result">



</table>