如何在html文件中调用php

时间:2017-01-23 03:12:11

标签: javascript php jquery html

任何人请帮助我,我已经坚持了一个星期 这是我的编码

attandance_kehadiran_saya.html

<div id="pages_maincontent"> 
<!-- today attandance --> 
<div id="kehadiransaya" name="kehadiransaya"></div> 
</div>

<script type="text/javascript">   $(document).ready(function()   
{
    $.ajax(
    {
      url: 'php/attendance_kehadiran_saya.php',
      type: 'POST', 
      async: false,
      success: function(data)
      {
          $("#kehadiransaya").html(data);
      }
    });   }); </script>

attendance_kehadiran_saya.php

<div id="wrapper">
        <div class="row row-inline-block small-spacing">
            <div class="col-xs-12">
                <div class="box-content">
                    <h4 class="box-title"></h4>
                    <!-- /.box-title -->
                    <!-- /.dropdown js__dropdown -->
                    <div class="table-responsive">
                        <table class="table">
                            <thead> 
                                <tr> 
                                    <th>Masa</th> 
                                    <th>Jenis</th>
                                    <th>Tujuan</th> 
                                </tr> 
                            </thead> 
                            <tbody> 
                                <tr> 
                                <?php
                                $q_attendance = $cls_waa->kehadiransaya($id, $date);
                                foreach($q_attendance as $r_attendance)
                                {
                                    $wa_time_in = $r_attendance['wa_time_in'];
                                    $wa_time_out = $r_attendance['wa_time_out'];

                                ?>

                                    <td><?php echo $wa_time_in; ?></td> 
                                    <td><?php echo $wa_time_out; ?></td> 
                                </tr>  
                                <?php } ?>
                            </tbody> 
                        </table>
                    </div>
                </div>
                <!-- /.box-content -->
            </div>
            <!-- /.col-xs-12 -->
        </div>
        <!-- /.row row-inline-block small-spacing -->           
    <!-- /.main-content -->
</div>

假设在我的html页面,php页面将替换那里,但它没有,没有显示任何错误。请有人帮帮我吗

1 个答案:

答案 0 :(得分:1)

问题似乎是您发布到您尝试检索数据的PHP页面。考虑到你没有传递任何JavaScript变量,而不是完全使用AJAX,为什么不简单地将PHP页面的内容回显到你想要的HTML本身的DIV中呢?

假设attendance_kehadiran_saya.phpattandance_kehadiran_saya.html div中显示您要作为kehadiransaya部分注入的确切输出,只需更改attandance_kehadiran_saya.html到:

<div id="pages_maincontent"> 
  <!-- today attandance --> 
  <div id="kehadiransaya" name="kehadiransaya">
    <?php include('attendance_kehadiran_saya.php'); ?>
  </div> 
</div>

希望这有帮助!