如何在非直接php页面中实现javascript

我希望这里有人能帮助我，这对我来说是个大问题。。我想将javascript实现到check_data.php中，但这是无法实现的，可能是因为这个页面没有出现在浏览器中，index.php显示check_data.php中的表，但是出于某些原因，我需要将javascript实现到check_data.php中。有什么帮助吗

index.php:

  <input type= "text" name= "datepicker"  id="datepicker" class="form-control" />
   </div>

   <script>
   $('#datepicker').change(function () {

   $.post('check_data.php', {
     dtpickerdate : $(this).val()
   }, function (response) {

    $('table').html(response);

    });

 });

 $("#datepicker").datepicker({dateFormat: "mm-dd-yy",})
                 .datepicker("setDate", new Date()).change();

 </script>

$（'#日期选择器'）。更改（函数（）{
$.post（'check_data.php'{
dtpickerdate:$（this.val（））
}，功能（回应）{
$（'table'）.html（响应）；
});
});
$（“#日期选择器”）.datepicker（{dateFormat:“mm-dd-yy”，}）
.datepicker（“设置日期”，新日期（））.change（）；

检查_data.php

<table id = "table" class = "table table-bordered">

        <thead class = "alert-info">
         <tr>
                <th>Kitchen Time</th>

                <th>Order#</th>

                <th>First Name</th>
                <th>Last Name</th>
                <th>Address</th>
                <th>Driver#</th>
                <th>Delivery Time</th>
                <th># of People</th>
                <th>Miles</th>
            </tr> </thead><tbody>
  <?php
  $dtpickerdate = isset($_POST['dtpickerdate']) ? 
                        $_POST['dtpickerdate'] : NULL;

 $q_customer = $conn->query("SELECT * from orders inner
                  JOIN customer_order on 
               customer_order.order_no =orders.order_no
               and orders.date like'$dtpickerdate' inner join 
               driver_order  on 
               driver_order.order_no=orders.order_no
               LEFT JOIN customer on 
               customer.phone=customer_order.phone 
               order by k_time,time desc" )
 or die(mysqli_error());

 $k_time = '';
 while($f_customer = $q_customer->fetch_array()){
 $s=mysqli_num_rows($q_customer);
 ?>
  <tr>
 <?php   

    if($k_time == '' || $k_time != $f_customer['k_time']){
     $k_time = $f_customer['k_time'];
     echo '<td align="center" > <span style=" font-weight:bold;">' 
     .$f_customer['k_time']. '</td>';
      } else{
      echo "<td td style=' border: none;'>&nbsp;</td>";
      }
       echo "<td style='background-color: #5f5d5d; ' align='center'  span style='font-weight:bold;'> <a   href = '#' style='color:#ececec;font-weight:bold;' data-toggle = 'modal' data-target = '#action'>".$f_customer['order_no']."</a></td>";

   echo    "<td style='background-color: #5f5d5d;color:#ececec;'>" .$f_customer['first_name']."</td>"; 
  echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['last_name']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['address']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['driver_no']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>".   $f_customer['d_time']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['no_ofppl']."</td>";
}

$('table').load('check_data.php');

$('table').load('check_data.php', function() {
    $.getScript('alert.js');
});

厨房时间
命令#
名字
姓
地址
司机#
交货时间
#人的
英里
看起来您正试图通过ajax将HTML加载到页面中

您可以尝试：

page.php

<table id = "table" class = "table table-bordered">

        <thead class = "alert-info">
         <tr>
                <th>Kitchen Time</th>

                <th>Order#</th>

                <th>First Name</th>
                <th>Last Name</th>
                <th>Address</th>
                <th>Driver#</th>
                <th>Delivery Time</th>
                <th># of People</th>
                <th>Miles</th>
            </tr> </thead><tbody>
  <?php
  $dtpickerdate = isset($_POST['dtpickerdate']) ? 
                        $_POST['dtpickerdate'] : NULL;

 $q_customer = $conn->query("SELECT * from orders inner
                  JOIN customer_order on 
               customer_order.order_no =orders.order_no
               and orders.date like'$dtpickerdate' inner join 
               driver_order  on 
               driver_order.order_no=orders.order_no
               LEFT JOIN customer on 
               customer.phone=customer_order.phone 
               order by k_time,time desc" )
 or die(mysqli_error());

 $k_time = '';
 while($f_customer = $q_customer->fetch_array()){
 $s=mysqli_num_rows($q_customer);
 ?>
  <tr>
 <?php   

    if($k_time == '' || $k_time != $f_customer['k_time']){
     $k_time = $f_customer['k_time'];
     echo '<td align="center" > <span style=" font-weight:bold;">' 
     .$f_customer['k_time']. '</td>';
      } else{
      echo "<td td style=' border: none;'>&nbsp;</td>";
      }
       echo "<td style='background-color: #5f5d5d; ' align='center'  span style='font-weight:bold;'> <a   href = '#' style='color:#ececec;font-weight:bold;' data-toggle = 'modal' data-target = '#action'>".$f_customer['order_no']."</a></td>";

   echo    "<td style='background-color: #5f5d5d;color:#ececec;'>" .$f_customer['first_name']."</td>"; 
  echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['last_name']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['address']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['driver_no']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>".   $f_customer['d_time']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['no_ofppl']."</td>";
}

$('table').load('check_data.php');

$('table').load('check_data.php', function() {
    $.getScript('alert.js');
});

编辑：您似乎对JavaScript和PHP之间的区别以及何时/如何使用它们感到困惑。然而，为了回答您的问题，您可以将额外的JavaScript放入另一个文件中，并加载该文件

page.php

<table id = "table" class = "table table-bordered">

        <thead class = "alert-info">
         <tr>
                <th>Kitchen Time</th>

                <th>Order#</th>

                <th>First Name</th>
                <th>Last Name</th>
                <th>Address</th>
                <th>Driver#</th>
                <th>Delivery Time</th>
                <th># of People</th>
                <th>Miles</th>
            </tr> </thead><tbody>
  <?php
  $dtpickerdate = isset($_POST['dtpickerdate']) ? 
                        $_POST['dtpickerdate'] : NULL;

 $q_customer = $conn->query("SELECT * from orders inner
                  JOIN customer_order on 
               customer_order.order_no =orders.order_no
               and orders.date like'$dtpickerdate' inner join 
               driver_order  on 
               driver_order.order_no=orders.order_no
               LEFT JOIN customer on 
               customer.phone=customer_order.phone 
               order by k_time,time desc" )
 or die(mysqli_error());

 $k_time = '';
 while($f_customer = $q_customer->fetch_array()){
 $s=mysqli_num_rows($q_customer);
 ?>
  <tr>
 <?php   

    if($k_time == '' || $k_time != $f_customer['k_time']){
     $k_time = $f_customer['k_time'];
     echo '<td align="center" > <span style=" font-weight:bold;">' 
     .$f_customer['k_time']. '</td>';
      } else{
      echo "<td td style=' border: none;'>&nbsp;</td>";
      }
       echo "<td style='background-color: #5f5d5d; ' align='center'  span style='font-weight:bold;'> <a   href = '#' style='color:#ececec;font-weight:bold;' data-toggle = 'modal' data-target = '#action'>".$f_customer['order_no']."</a></td>";

   echo    "<td style='background-color: #5f5d5d;color:#ececec;'>" .$f_customer['first_name']."</td>"; 
  echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['last_name']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['address']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['driver_no']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>".   $f_customer['d_time']."</td>";
   echo "<td style='background-color: #5f5d5d;color:#ececec;'>". $f_customer['no_ofppl']."</td>";
}

$('table').load('check_data.php');

$('table').load('check_data.php', function() {
    $.getScript('alert.js');
});

alert.js

alert('hi');

Javascript在浏览器中运行——它根本不在乎你如何构造你的PHP，因为它只看到最后的输出——我讨厌成为那个家伙，但我必须这样做。我将直截了当地假设您对所有这些都是新手，如果是这种情况，您需要回到基本面，正确地完成所有这些工作，分离表示、功能和行为，然后合并它们，这将弥补更干净的代码。回到手头的问题上，正如其他成员所说，JS在浏览器中，所以你只需要给它一个位置，等待你的HTML出现。从技术上讲，它可能会出现在浏览器中，这是一个AJAX响应调用，所以它被JavaScript读取，因此浏览器不会出现在你看到的屏幕上……请在发帖前用谷歌搜索。这个问题已经被问了一百万次了，我能在check_data.php中实现javascript吗？即使我想回显警报（“hi”）；使用javascript但如何使用？？？谢谢@BadHorsie，但问题是我想获得订单名称，这样我就可以按照您看到的那样修改或删除它：执行此操作的javascript代码是：$（'.estudent_id'）。单击（function（）{$student_id=$（this.attr（'name'）；$（'#edit_query'）。load（'load_edit1.php？student_id='+$student_id）；}）；		});