javascript - 通过 POST 将变量传递给模态

标签 javascript php html post bootstrap-modal

我正在尝试发送一个变量以在模式上品脱,但我收到了通知: undefined variable :ordID

我搜索了许多其他请求,但没有一个能解决我的问题。

我的代码: 带有 a 的表格显示将包含该行的所有信息的模态。

<table id="myTable" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%">
       <thead>
           <tr>
           <th>ID Ordem</th>
           <th>Instalação</th>
           <th>Denominação</th>
           <th>Estado</th>
           <th>Tipo de Manut</th>
           <th>Ver</th>
           </tr>
      </thead>
      <tbody>

     <?php

         require_once 'edp/configdbedp.php';

              $sql="SELECT * FROM ordens";
              //echo $sql;
              $myData=mysqli_query($GLOBALS['con'],$sql);

     while($registos=mysqli_fetch_array($myData)){
       $ordem = $registos['ordem'];
     echo '<tr>';
     echo '<td>' . $registos['ordem'] . '</td>';
     echo '<td>' . $registos['locinstsap'] . '</td>';
     echo '<td>' . $registos['denominacao'] . '</td>';
     echo '<td>' . $registos['pk_idestado'] . '</td>';
     echo '<td>' . $registos['pk_sigla'] . '</td>';
     echo '<td align="center"><a id="getUser" class="modalLink" href="#myModal" data-toggle="modal" data-target="#myModal" data-id="<?php echo $ordem; ?>"><span class="glyphicon glyphicon-edit"></span> Ver</a></td>';
     echo "</tr>";
     }

     //mysqli_close($GLOBALS['con']);
      ?>
      </tbody>
  </table>

我要通过 POST 发送的脚本:

    <script>
    $('.modalLink').click(function(){
        var ordem=$(this).data('id');

        $.ajax({
                type:'POST',
                url:'/edp/php/adm/modalordens.php',
                data:'ordID='+ordem,
                success:function(data){
                  $(".modal-content").html(data);
                }
        });
});
</script>

我的文件 modalordens.php

<? $ordID = $_POST['ordID'];?>

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <h4 class="modal-title" id="fam_id">Ordem <?php echo $ordID;?></h4>
</div>
<div class="modal-body">
    <form id="form1" method="post">
        <b>DetailsOrdem <?php echo $ordID;?></b>
        <hr></hr>
    </form>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>

我无法打印$ordID,我不知道为什么

最佳答案

首先,您需要将 ajax 数据参数作为对象传递:

<script>
    $('.modalLink').click(function(){
        var ordem=$(this).data('id');

        $.ajax({
                type:'POST',
                url:'/edp/php/adm/modalordens.php',
                data: { ordID : ordem },
                success:function(data){
                  $(".modal-content").html(data);
                }
            });
    });

</script>

并在此行编辑 php 开始标记:

<?php $ordID = $_POST['ordID'];?>

关于javascript - 通过 POST 将变量传递给模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45715495/

相关文章:

javascript - 如何在 extJs 或 javascript 中制作可交换组件

javascript - PHP 返回添加空格,即使使用trim()

javascript - 我怎样才能使一些表格行在 SmartTable angularjs 中不可选择

java - 从 java jar 中获取 php 中的数据

html - 下拉 z-Index 问题

java - 在 Java 中解析字符串的开始和结束

javascript - 如何从 QML 调用 HTML 函数

php - 为什么分配给数组的 PHP 代码挂起?

php - 单击浏览器上的后退按钮时丢失表单数据

html - 偏移图像的边框