如何点击动态生成的<li>时通过POST向PHP页面传递参数

下面给你两种实用的实现方案，你可以根据需求选择：

方法1：纯HTML表单（简单直接，页面会刷新） #

这种方法不需要写JS，直接在每个循环生成的<li>里嵌套表单，点击标题时自动提交POST请求：

<div class="border_circular row">
  <ul id="circulars_slider">
    <?php while($row = mysql_fetch_array($circular)){ ?>
      <li>
        <form method="POST" action="some.php">
          <!-- 隐藏字段存储标题值 -->
          <input type="hidden" name="circular_title" value="<?php echo htmlspecialchars($row['title']); ?>">
          <!-- 把标题做成可点击的按钮，通过CSS改成普通文本样式 -->
          <button type="submit" style="border:none; background:transparent; cursor:pointer; padding:0;">
            <p><?php echo htmlspecialchars($row['title']); ?></p>
          </button>
        </form>
      </li>
    <?php } ?>
  </ul>
</div>

关键注意点： #

• 用htmlspecialchars()转义输出的标题，避免XSS攻击和HTML语法错误
• 按钮可以通过自定义CSS完全模拟普通文本的外观，用户点击时毫无违和感

方法2：AJAX异步请求（无页面刷新，用户体验更好） #

如果不想刷新页面，就用JavaScript监听<li>的点击事件，收集标题后通过AJAX发送POST请求：

第一步：修改PHP生成的HTML，给每个<li>存储标题数据 #

<div class="border_circular row">
  <ul id="circulars_slider">
    <?php while($row = mysql_fetch_array($circular)){ 
      $safeTitle = htmlspecialchars($row['title']);
    ?>
      <li class="circular-item" data-title="<?php echo $safeTitle; ?>">
        <p><?php echo $safeTitle; ?></p>
      </li>
    <?php } ?>
  </ul>
</div>

第二步：添加原生JavaScript代码（用Fetch API） #

// 获取所有列表项
const circularItems = document.querySelectorAll('.circular-item');

// 给每个项绑定点击事件
circularItems.forEach(item => {
  item.addEventListener('click', async () => {
    const title = item.dataset.title;
    
    try {
      // 发送POST请求到some.php
      const response = await fetch('some.php', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: `circular_title=${encodeURIComponent(title)}`
      });
      
      // 处理响应（示例：打印返回结果）
      const result = await response.text();
      console.log('请求成功，返回内容：', result);
      // 这里可以加成功提示、页面更新等逻辑
    } catch (error) {
      console.error('请求失败：', error);
    }
  });
});

在some.php中接收POST参数 #

不管用哪种方法，都可以在some.php里这样获取传递的标题：

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  // 安全获取并转义标题
  $receivedTitle = isset($_POST['circular_title']) ? htmlspecialchars($_POST['circular_title']) : '';
  // 接下来执行你的业务逻辑，比如存入数据库、返回处理结果等
}
?>

额外提醒： #

你代码里用到的mysql_fetch_array()已经被PHP官方废弃，建议替换成mysqli_fetch_array()或者PDO相关方法，避免兼容性和安全问题。

内容的提问来源于stack exchange，提问作者Sathish Shenoy