2017-01-04 5 views
0

jQuery Ajaxを使用してPHPファイルから情報を受け取り、以下のように情報をループしています。 <tr class="active">に電話をかけ、ブートストラップが提供する<tr><td>フォーマットにする必要があります。しかし、残念ながら、これは起こっていません。ブートストラップがアクティブなクラスを呼び出さないのはなぜですか?

誰か提案はありますか?ありがとう:)

function getStudentList() { 
    $.ajax({ //create an ajax request to load_page.php 
     type: "GET", 
     url: "getView.php",    
     dataType: "json", //expect html to be returned     
     success: function(response){      
      $.each(response, function(index, response){ 

      $("#aaa").append('<tr class="active"><td>' + response['Student_ID'] + '</td><td>' + response['FirstName'] + "</td><td>" + response['LastName'] + "</td><td>" + response['Student_ID'] + "</td><td>" + response['Year'] + '</td></tr>'); 
     }); 

    }, 
    error: function(e) { 
     //called when there is an error 
     console.log("Error: " + e.message); 
     } 
    }); 
} 

---------- header.phpの---------------

<!-- Database Config Files --> 
<?php include('db_config.php'); ?> 

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 


<!-- Custom css --> 
<link rel="stylesheet" type="text/css" href="style.css"> 

<!-- Latest compiled and minified JavaScript --> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

<script type="text/javascript" src="export.js"></script> 
<script type="text/javascript" src="contact.js"></script> 
<script type="text/javascript" src="view.js"></script> 
<script type="text/javascript" src="create.js"></script> 
<script type="text/javascript" src="edit.js"></script> 
<script type="text/javascript" src="delete.js"></script> 
<script type="text/javascript" src="search.js"></script> 
+2

あなたは、表示されるXHR結果応答(AJAX応答)を表示できますコンソール? –

+0

が追加されていますか?動作例が問題の詳細を調べるのに役立つ – Deep

+0

ブートストラップv4を使用している場合は、tr要素でテーブルアクティブクラスを使用する必要があります。 '' – Loaf

答えて

1

私はあなたが開始示唆より良いIDEを使用する。私はPHPStormをお勧めします。問題は引用符で囲まれた構文のようです。これらの領域をチェックしてください:

をあなたは持っている:

<td>' + response['Student_ID'] + '</td> 

は次のようになります。

<td>' + response["Student_ID"] + '</td> 

いっそ:

<td>' + response.Student_ID + '</td> 
+0

これをresponse.Student_IDに変更しました。それはその事実に起因するのですか?アレイとして読み取ることができるのはなぜですか?技術的には望みの結果が得られていますが、実際には "アクティブ"クラスが選択されていません。では、AJAXからの干渉がありますか? –

+0

hmm ..あなたのPHPコードを見て、私はそれを把握することができます。 – CodeGodie

+0

それを貼り付ける方法やPHPコードのbinについてはわかりません - [<?php \t( 'db_config.php'); \t $ sql = "SELECT * FROM Students"; \t $ result = mysqli_query($ conn、$ sql); \t while($ row = mysqli_fetch_assoc($ result)){ \t \t $ students [] = $ row; \t} \t $ size = sizeof($ students); \t IF(ISSET($ _GET [ 'STUDENT_ID'])&&空($ _GET [ 'STUDENT_ID'])!){ \t \t $ stud_id = $ _GET [ 'STUDENT_ID']。 \t} \t else { \t \t $ stud_id = null; \t} \t echo json_encode($ students); ?> –

関連する問題