JQueryで配列にアクセスできず、テーブルに表示することができません。

名前を表示しようとしています。業界| HTMLテーブルへの現在の価格。JQueryで配列にアクセスできず、テーブルに表示することができません。

私のコードを確認し、HTMLページに自分のデータを表示するのを手伝ってください。

HTMLで表示できないものがありませんか？私のアレイへのアクセス方法が間違っていますか？

これは私のtest.jsスクリプト

$(document).ready(function() { 
 

 
     var test_data = [ 
 
          { 
 
           "current_price": 1626.0, 
 
           "name": "HDFC Bank", 
 
           "industry": "Financials", 
 
           
 
          }, 
 
          { 
 
           "current_price": 7064.8, 
 
           "name": "Maruti Suzuki", 
 
           "industry": "Automobiles", 
 
          } 
 
         ]; 
 

 
     $.each(data, function(key, val) { 
 
     test_data += '<tr>' ; 
 
     test_data += '<td>'+val.name+"<td>" ; 
 
     test_data += '<td>'+val.industry+"<td>" ; 
 
     test_data += '<td>'+val.current_price+"<td>" ; 
 
     s_data += '</tr>' ; 
 

 
     }); 
 

 
     $('#test').appendTo(test_data); 
 

 
}); 
 

 

 

 

 
Below is my **HTML Page** :

<html> 
 
<head> 
 
Test 
 
    
 
</head> 
 
<body> 
 
<table class="table table-hover" id="test"> 
 
    <thead> 
 
    <tr> 
 
     <th>Company Name</th> 
 
     <th>Industry </th> 
 
     <th>Current price</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 

 
    </tbody> 
 
</table> 
 

 
<script src="js/jquery-3.2.1.min.js"></script> 
 
<script src="js/bootstrap.min.js"></script> 
 
<script src="js/test.js"></script> 
 
</body> 
 
</html>

出典

2017-08-02 Dante Devilhunter

コードに問題がたくさんあるです。主に名前付き。たとえば、test_dataはデータの配列ですが、test_dataはhtmlが構築されている場所です。次に、jqueryループがデータを反復しています（test_dataではなく）。次にs_dataとは何ですか？タイプミス！次に、終了TDが見つからないので、test_dataをTableに追加する必要があります。私の問題が解決されている

$(document).ready(function() { 

     var data = [ 
          { 
           "current_price": 1626.0, 
           "name": "HDFC Bank", 
           "industry": "Financials", 

          }, 
          { 
           "current_price": 7064.8, 
           "name": "Maruti Suzuki", 
           "industry": "Automobiles", 
          } 
         ]; 

     var test_data = ''; 
     $.each(data, function(key, val) { 
     test_data += '<tr>' ; 
     test_data += '<td>'+val.name+"</td>" ; 
     test_data += '<td>'+val.industry+"</td>" ; 
     test_data += '<td>'+val.current_price+"</td>" ; 
     test_data += '</tr>'; 
     }); 

     $('#test').append(test_data); 

});

出典

2017-08-03 23:08:49

：ここ

は、作業コード（and here is the JsFiddle）です！ Thanks @Nawed Khan –

私は質問する質問があります！私は長いリスト配列データ（10Kレコード）を持っていると言いますが、私はそのような場合に上記を使用することはできません。どのようにローカルファイルを使用して配列に変換し、同じ結果を出すことができますか？ –

ソリューションはあなたのために働いてうれしい。技術的には、上記のコードを10Kレコードに使用することができます。非常に長いファイルになります。 var data = [...]コードを別のJSファイルに置くと、他のjsファイルは非常に長くなります。通常、10KのレコードはDataBaseから取得します。最適なソリューションは、データベースからデータをロードするためにajaxを使用することです。一度にページング/データのチャンクを使用すると、AJAXデータの制限にぶつからないようになります。 –

JQueryで配列にアクセスできず、テーブルに表示することができません。

答えて

関連する問題