有没有可能在没有GET的情况下获得哪个选项卡正在加载ajax页面？

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/ (查看浏览器的网络控制台)