2016-08-13 1 views
-1

アヤックスJQuery AJAXはHTMLを挿入していませんか?簡単なJavaScriptではなく、jQueryのここ</p> <p>で作業

$(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を入れて、Adrianoの考えを検証してください。 – HeadCode

+1

'$(" container ")'すべてのコンテナ_タグ: ' 'を返します。コンテナIDを持つ要素を探している場合は、 '$( '#container')' – rossipedia

答えて

1

あなたのHTMLを見ることができないと、あなたのコンテナをフェッチするときにjQueryセレクタを間違って実行したと思います。

  • $("container")すべて<container></container>の要素を選択します。

  • $("#containter")は、<div id="container"></div>要素を選択します。

  • ​​はすべて<div class="container"></div>要素を選択します。

現在は、第1のセレクタを使用しているが、あなたのHTMLの要素が<container>ある場合にのみ動作します。それが単にタイプミスで、IDまたはクラスを持っている場合は、代わりに他のセレクタを使用してください。

関連する問題