jquery-ui-tabs。传递查询字符串

Question

如何传递一个查询字符串(?id=avalue)，其中每个链接都与下面的选项卡相关联。我试图打开选项卡中的外部内容(它工作正常)，但我无法传递urls的参数。该参数的值对于每个链接都是相同的。

我的功能代码：

<script type="text/javascript">

        $(function() {
            $("#tabs").tabs({spinner:'<b>Retrieving Data...</b>'}); 

        });

 </script>


<div id="tabs">
            <ul>
           <li><a href="table.aspx"><span>Introduction</span></a></li>
                <li><a href="RequestActionUpdate.aspx"><span>Update</span></a></li>
                <li><a href="tabstesttarget.aspx"><span>Target</span></a></li>
                <li><a href="table.aspx" ><span>View History</span></a></li>
            </ul>

        </div>

您能为我提供的任何帮助都将不胜感激。

提前感谢

Answer 1

您可以使用ajaxOptions选项。tabs小部件将把这些选项传递给jQuery.ajax()。

下面的代码使用jQuery.ajax()函数的data选项，在选择一个选项卡时将getId函数的结果(本例中为Unix样式的时间代码)传递给服务器。

请求url将类似于RequestActionUpdate.aspx?id=1255015611701

function getId() {
  return (new Date()).getTime();
}

$("#tabs").tabs({
  spinner:'<b>Retrieving Data...</b>',
  ajaxOptions: { data: { id: getId } }
});

Answer 2

您可以将参数硬编码到每个链接：

<li><a href="RequestActionUpdate.aspx?id=avalue"><span>Update</span></a></li>

这应该可以很好地工作。到底是什么对你不起作用？或者你有别的想法？

Answer 3

从我所做的搜索来看，最好的方法是在不做丑陋的事情的情况下做到这一点：

window.location = href + '?id=avalue'

就是在页面加载时更新锚点hrefs。获取您需要的任何ID/值，并将其附加；

$(document).ready(function(){
    value = "?id=foobar"
    $("#tabs ul li a").attr('href', ($(this).attr('href') + value) );
});

这不是最优雅的解决方案，但它确实有效。