2013-10-06 40 views
0

很容易例如:是否有可能得到哪个标签加载Ajax页面没有GET?

<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/

+3

您能解释一下这些安全问题吗?它是'GET'有或没有查询字符串... –

+0

是的,当然它的GET,但我不想通过url –

+0

参数CTX所以你从谁试图隐藏这个参数,为什么我的问题。当你说你想知道哪个选项卡“调用”它时,安全地假设你的意思是你想让你的'tab_index.php'有这个信息?正如在下面的答案,它很容易只是添加一个点击处理程序来记录此标签点击... –

回答

0

如果你不想使用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/(检查浏览器的网络控制台)

+0

但它不会在jquery标签中工作...看看这里:http://jsfiddle.net/Sledgehammer/M8jYA/ –

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/

+0

不错(我会用在其他地方),但我需要在tab_index.php中这样的东西,而不是在主脚本。 –

相关问题