2017-07-03 79 views
0

phpの値をモーダルに渡す方法を学んでいますが、動作していないようですが、コンソールにエラーはありません。phpからmodalへの値渡し

これはこれはこれは私のjs

<script> 
    $(document).ready(function(){ 
    $('#editModal').on('show.bs.modal', function (e) { 
     var rowid = $(e.relatedTarget).data('id'); 
     $.ajax({ 
      type : 'post', 
      url : 'fetch_record.php', //Here you will fetch records 
      data : 'rowid='+ rowid, //Pass $id 
      success : function(data){ 
      $('.fetched-data').html(data);//Show fetched data from database 
      } 
     }); 
    }); 
    }); 
</script> 
である私は、PHPから値を渡したいhtmlファイル

<div class="modal fade" id="editModal" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <h3 class="modal-title">Edit Truck Category</h3> 
     <div class="modal-body"> 
     <form> 
      <div class = "fetched-data"></div> 
      <input type="text" id="truck" placeholder="Truck Category *" required> 
     </form> 
     </div> 
    </div> 
    </div> 
</div> 

あるwhileループ

echo' 
    <tbody> 
    <tr> 
     <td>'.$row->equipID.'</td> 
     <td>'.$row->equipType.'</td> 
     <td> 
     <a href="#editModal" class="btn btn-info btn-xs" data-id="'.$row->equipID.'" data-toggle="modal"> 
     <i class="fa fa-pencil"></i> Edit </a> 
     </td> 
    </tr> 
    </tbody>'; 

内部の私のPHPです

ありがとうございます。

+0

あなたは、ログファイルかブラウザ(ajaxを使用せずに)で直接PHP出力を出力し、PHPから有効なhtml出力コードを取得したかどうかを確認しましたか? – divine

+0

console.log(データ)を成功の中に入れ、それがあなたが期待しているものかどうかを確認します。 – mkaatman

+0

値はありません。 私もアラート( '成功')を入れようとしました。内部で成功していますが、ポップアウトしないので、PHPから渡されたデータが正しいかどうかを確認することはできません –

答えて

0

私はあなたが上記の機能を実現するために負荷機能を使用することができ

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

を含めるのを忘れていました。私は例を使って説明します。説明する必要があるコードセグメントのみが含まれています。

1.私はPHPファイルからテーブルを返しています(ファイル名 - データ.phpと仮定します)。

$table = "<table class='table table-bordered'>"; 
// Table data 
$table.="</table>"; 
echo $table; 

2.Modalデータを表示します。モーダル体

$('.mymodal-body').load('/data.php', function (result) { 
     $('#mymodal').modal({show: true}); 

から

<div id="mymodal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      </div> 
      <div class="modal-body mymodal-body"> 
      </div> 
      <div class="modal-footer"> 
      </div> 
     </div> 
    </div> 
</div> 

3.Loadデータは、私は上記のコードサンプルは、あなたの問題のためのアイデアを得るのに役立ちます願っています。 load関数を使って試してみてください。

関連する問題