2016-08-13 54 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或一个类,请改用其他选择器之一。