使用ajax和jquery加载部分页面，但在url中显示GET变量

为了向你展示我想做什么，你只需要访问gmail。当你点击收件箱时，url刷新到这个?tab=mm#inbox，页面唯一刷新的部分是你的电子邮件的大部分，谷歌称之为div.l。m 。这怎么可能呢?他们使用缓存很多还是他们使用javascript命令我不知道?

我想做的是，我有一个有两个不同选项卡的页面。

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Products</a></li>
<li><a id="prreq" onclick="show()" >Requests</a></li>
</ul>
</div>
<div class="container"></div>

当用户上eg。他们会转到第一个选项卡。当用户单击第二个选项卡时，触发一个js函数，调用文件cart.php?rq=r，结果显示在容器div。(我知道，在我有post的时刻)

function show(){
var prstr= ".container"; 
var data= {
    rq: "r"
};
$.ajax({
    type: 'POST',
    url: "cart.php",
    data: data,
    success: function(data1)
    {
        $(prstr).html(data1);
    }
});

}

我想要的是当用户刷新页面时仍然在cart.php中?Rq =r，而不必再次点击TAB。我很感激任何帮助。如果你需要更多的信息，请告诉我