Question

非常简单的例子：

<div id="tabs">
  <ul>
    <li><a href="tab_index.php" id="ctx-1">Tab 1</a></li>
    <li><a href="tab_index.php" id="ctx-5">Tab 2</a></li>
  </ul>
  <div class="tabs-spacer" style="height:0px"></div>
</div>

现在问题是：我想知道哪个标签“调用”tab_index.php。

最简单的解决方案是：tab_index.php？ctx = 1，但出于安全原因，我不想使用GET。

有可能吗？

小提琴：http://jsfiddle.net/Sledgehammer/M8jYA/

Answer 1

您可以绑定标签链接$('a[href="tab_index.php"]')

上的点击

$(function() {
    $('a[href="tab_index.php"]').click(function(){
       var clickedTab = $(this).attr("id"));
    });
});

jsFiddle示例 - http://jsfiddle.net/Zdw37/6/

Answer 2

如果您不想使用GET，可以使用POST：

<div id="tabs">
  <ul>
      <li>
          <form action="tab_index.php" method="POST">
              <input type="submit" value="Tab1" name="tab" />
          </form>
      </li>
      <li>
          <form action="tab_index.php" method="POST">
              <input type="submit" value="Tab2" name="tab" />
          </form>
      </li>
  </ul>
  <div class="tabs-spacer" style="height:0px"></div>
</div>

演示：http://jsfiddle.net/KTmga/（查看浏览器的网络控制台）

是否可以在没有GET的情况下获取哪个选项卡加载ajax页面？

2 个答案: