javascript - Jquery 切换和传递数据

Question

我用 jquery 创建了一个切换按钮，但我需要传递我的 $id所以它可以执行toggle_visibility.php中的mysql .

如何从我的 <A> 传递我的变量标签？

<a class="toggleVisibility">Yes</a>  
<script>
 $("a.toggleVisibility").toggle(
      function () {          
        $(this).html("No");          
      },

      function () {

      $.ajax({
       type: "POST",
       url: "toggle_visibility.php",
       data: "id<?=$id; ?>",
       success: function(msg){
         alert( "Data Saved: " + msg );
       }
     });

        $(this).html("Yes");
      }
    );

</script>

Answer 1

看起来 $id 是一个 PHP 变量，所以当服务器生成您的页面时，它将被打印在正确的位置。

但是你在字符串中缺少一个=:

data: "id=<?= $id ?>",

如果这不是您想要的，您必须澄清 $id 的来源。

更新:

您必须以某种方式将 ID 集成到表格行中。例如。您可以将其设置为链接的 rel 属性:

<tr>
    <td class="date"><?php print $row['date']; ?></td>  
    <td><?php print $row['title']; ?></td>  
    <td class="visible">
        <a class="toggleVisibility" rel="<?php echo $row['id']; ?>">Toggle</a>
    </td>  
</tr>

然后您可以使用 jQuery 的 attr() 方法在函数中获取它:

$("a.toggleVisibility").toggle(
      function () {          
        $(this).html("No");          
      },
      function () {
          $.ajax({
            type: "POST",
            url: "toggle_visibility.php",
            data: "id=" + $(this).attr('rel'),
            success: function(msg){
                alert( "Data Saved: " + msg );
            }
          });

          $(this).html("Yes");
     }
);