Question

我具有用于生成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>";
?>

Answer 1

如果要将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)

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

1 个答案: