时间戳

首页 > 解决方案 > Ajax，无法将数据附加到特定的“数据”标签

php - Ajax，无法将数据附加到特定的“数据”标签

问题描述

我有这个用于生成 php 按钮，我想在下面表格中的按钮之后附加一个特定的数据。

这是我的html

<tr>
   <td colspan="2">
     <!-- -->
       <!-- Button -->
           <div class="form-group">
               <label class="col-md-4 control-label" for="ver"></label>
               <div class="col-md-4">
               <button data-dnipass="<?= $dni?>" class="ver" name="ver" class="btn btn-primary">Ver líneas</button>
              </div>
              </div>   
              <table class="table userInfo" data-formpost="<?= $dni?>"></table> <!-- This is were i want to append -->
             </td>
</tr>

请注意，它位于 for 循环内

for($i = 0 ; $i < count($usuarios); $i++){ }

这是我的 Ajax/jQuery 调用

    <script type="text/javascript">

    $(document).ready(function(){
        $(".ver").click(function(e){ 
            e.preventDefault();    
                $.ajax({
                type: 'POST',
                url: 'adminVerLineas.php',
                data: {
                dni: $(".ver").data("dnipass")
                },
                success: function(data) { 
                alert(data);                                   
                $(".userInfo").data("formpost").append(data);                                                               
                }
            });
        });
    });
</script>

警报正常工作，但附加未针对每个按钮下方的特定表格

编辑：在测试第一个答案后仍然无效，这就是我在检查时看到我的 html 的方式。

添加到我的 Ajax 后：

alert(data);                                                    
$(".userInfo").data("formpost", data);

--

<td colspan="2">
  <!-- -->
    <!-- Button -->
       <div class="form-group">
          <label class="col-md-4 control-label" for="ver"></label>
                <div class="col-md-4">
                   <button data-dnipass="12345678B" class="ver" name="ver">Ver líneas</button>
                </div>
       </div>   
    <table class="table userInfo" data-formpost="12345678B"></table> 
 </td>

这是 adminVerLineas.php

   <?php
     echo "<tr>
     <td style='color : white'>Número</td>
     <td style='color : white'> 1</td>
     </tr>
     <tr>
     <td style='color : white' >Minutos Gastados</td>
     <td style='color : white' >1 / 1</td>
     </tr>
     <tr>
     <td style='color : white' >Megas Gastados</td>
     <td style='color : white' >1 / 1</td>
     </tr>

 <tr>
 <td style='color : white' >Tarifa</td>
 <td style='color : white' >1</td>
 </tr>";
?>

标签： phpjqueryajax

解决方案

如果要插入必须使用data的属性data-formpost$(".userInfo").data("formpost", data)

$(".userInfo").data("formpost")从data-formpost
$(".userInfo").data("formpost", data)集合中获取数据data-formpost

如果您的数据包含表格 html，那么您必须使用$(this).closest("tr").find(".userInfo").append(data)

推荐阅读