无法通过AJAX将数据发送到PHP文件

Question

我有一个表，其中包含一列中所有行的锚链接。

相关代码是

<tbody>
  <?php foreach ($rowarr as $k => $v) { ?>
    <tr>
      <td><?php echo $k ?></td>
      <td>
        <div class="divBox">                          
          <a id="vendorlink" data-toggle="modal" data-vendor="<?= $v ?>" href="#myModal"><?php echo $v; ?></a>
        </div>
      </td>
    </tr>
  <?php } ?>
</tbody>

我正在尝试使用AJAX将表中单击的链接中的供应商名称发送到模态，并尝试在模态中打印名称以进行测试，但即使这样也没有发生。

<script type="text/javascript">
  $('#myModal').modal('hide');
  $("#vendorlink").click(function(){
    var vendor = $(this).data('vendor');
    $('#myModal').on('shown', function(){                
        $.ajax({
          type: "GET",
          url: "ip.php",
          data:     "id=" + vendor,
          success: function(html){
            $("#modal-body").html(html);
            $('.countstable1').dataTable( {
              "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
              "sPaginationType": "bootstrap",
              "oLanguage": {
                "sLengthMenu": "_MENU_ records per page"
              },
              "aaSorting":[[0, "desc"]],
              "iDisplayLength": 10,
              "oTableTools": {
                    "sSwfPath": "swf/copy_csv_xls_pdf.swf",
                    "aButtons": ["csv", "pdf"]
                  }
            });
          }
      });              
    });
  });
</script>

ip.php文件目前仅具有此功能

<?php

$vendor = $_GET['id'];

echo $vendor;
?>

但是在模式中，我只看到默认的引导程序标记代码，那里没有回显任何内容

这是默认的引导程序标记代码-http://twitter.github.com/bootstrap/javascript.html#modals

有什么问题吗？ 为什么供应商不传递给PHP文件？

Answer 1

您为html文件中的所有链接设置了相同的ID，该ID不能按您希望的那样工作，最好将事件添加到所有链接中。

Answer 2

data属性应通过以下方式定义：

data: {id: vendor},

编辑。 哦，替换：

<a id="vendorlink" data-toggle="modal" data-vendor="<?= $v ?>" href="#myModal"><?php echo $v; ?></a>

与：

<a id="vendorlink_<?=$v?>" class="vendorlink" data-toggle="modal" href="#myModal"><?=$v?></a>

和$("#vendorlink")与$(".vendorlink") （这样您将影响所有条目 ）和$(this).data('vendor'); 与$(this).attr('id').replace('vendorlink_', ''); 。