JavaScriptを作成するハッシュ

-2

私は以下のコードを持っており、各データの結果の価値をHTMLテーブルに公開する必要があります。動作していない理由を、以下に私は理解することはできません：あなたのテーブルは、DOMにレンダリングされる前にJavaScriptを作成するハッシュ

<html> 
    <head> 
    <script type="text/javascript"> 
    data = { d : { 
     results: [ 
      { Title: 'Title1', Description: 'Description1', Status: 'Status1', Complete: 'Complete1' }, 
      { Title: 'Title2', Description: 'Description2', Status: 'Status2', Complete: 'Complete2' }, 
      { Title: 'Title3', Description: 'Description3', Status: 'Status3', Complete: 'Complete3' }, 
      { Title: 'Title4', Description: 'Description4', Status: 'Status4', Complete: 'Complete4' } ] } }; 

    data.d.results.push({Title: 'Title5', Description: 'Description5', Status: 'Status5', Complete: 'Complete5'}); 


    $(document).ready(function() { 
     for (var i = 0; i < data.d.results.length; i++) { 
      item = data.d.results[i]; 
      str = '<tr><td>' + item.Title + '</td><td> ' + item.Description + '</td><td>' + item.Status + '</td><td>' + item.Complete + '</td></tr>'; 
      $('#mytab tr').last().after(str); 
     } 
    }); 

    </script> 
    </head> 
    <body> 
    <table id="mytab"> 
    <tr> 
     <td>Task Title</td> <td>Description</td> <td>Task Status</td> <td>% Complete</td> 
    </tr> 
    </table> 
    </body> 
</html>

出典

2017-03-06 Jaron787

を（https://jsfiddle.net/jo0bewpq/）[私は問題を再現することができませんでした]が、私はあなたが欠落している可能性がありjqueryのをインポートする必要がありました：あなたは、JSは、DOMを使用してロードされた後に実行さを保証することができます。 – Aaron

ブラウザのコンソールログを共有してください。 –

ありがとうございます。私はそれを修正しました。まだ動作していません – Jaron787

あなたのスクリプトが実行されています。スクリプトのタグを<の頭>から</body >のタグの直前に移動してみてください。

出典

2017-03-06 14:40:34

スクリプトタグをどこからどこに移動しますか？ – Jaron787

申し訳ありませんが、私の答えのタグが削除されました。それを修正しました –

ここでパトリックのアイデアを拡張します。

$(document).ready(function() { 
    // execute your JavaScript code 
    // that depends on DOM 
});

出典

2017-03-06 14:45:18

私はそれをしましたが、私は次のようになっています：ReferenceError：$はコンソールに定義されていません – Jaron787

あなたのコメント欄に誰もがあなたにjQueryを含めるように頼みました。あなたのコードはそれに依存します。この質問を見て、慎重に回答を受け入れてください。 http://stackoverflow.com/questions/7496789/how-to-include-jquery-in-another-javascript-file –

JavaScriptを作成するハッシュ

答えて

関連する問題