2016-08-13 86 views
-1

阿賈克斯與簡單的JavaScript但不與jQuery的JQuery AJAX沒有插入HTML?

在這裏工作是代碼

$(document).ready(function(){ 
    var url = 'data.json'; 

    $.getJSON(url, function(response){ 
    var htm = '<ul class="bulleted">'; 
    $.each(response, function(index, value){ 

     htm += '<li>'; 
     htm += value.name; 
     htm += value.inoffice; 
     htm += '</li>'; 

    }); 
    htm += '</ul>'; 
    $("container").html(htm); 
    }); 
}); 

的問題是沒有在div容器中添加。

+5

你確定它是'容器'而不是'#容器'嗎? –

+0

驗證阿德里亞諾的想法,在你的'each'中放置一個console.log以確保你確實獲得了價值。 – HeadCode

+1

'$(「container」)'將返回所有容器_tags_:''。如果你正在尋找一個帶有容器id的元素,那麼它需要是'$('#container')' – rossipedia

回答

1

不能看到你的HTML,我的猜測是你在取得你的容器時做錯了你的jQuery選擇器。

  • $("container")將選擇全部<container></container>元素。

  • $("#containter")將選擇<div id="container"></div>元素。

  • ​​將選擇全部<div class="container"></div>元素。

目前,正在使用的第一選擇,但如果你的HTML元素是<container>只會工作。如果它只是一個錯字,並且您有一個ID或一個類,請改用其他選擇器之一。