Jquery 快速共享式现场加载

如何在不重新加载窗口的情况下使页面像rapidshare那样加载

例如：

若你们浏览网页，浏览器窗口并没有重新加载，它只是改变url的最后一个参数，比如#！迈尔斯大学概览，#！买急流！帮助等

当我在firebug中看到它时，它给出了参数名，即从上面（home，Buyrapds）

---

谢谢

您正在寻找的术语是AJAX。“最后一个参数”不是GET参数，而是由JavaScript读取的锚点

可以在

\

被称为hashbang，它是。他们只是使用AJAX重新填充页面信息，然后更新哈希url：

以下面的导航链接为例：

<a href="contact.php" title="Contact Us" id="contact-us">Contact</a>

然后使用JQuery：

$('.nav-link').click(function(){
    var $this = $(this);
    $.ajax({
        url: $this.attr('rel'),
        success: function(data){
            $('body').fadeOut().html(data).fadeIn();
        }
    });
});  

如果有人进入你的网站时在url中带有hashbang，我们只需检测它并加载相应的页面；类似这样的方法会奏效：

$(function(){
    if(window.location.hash){
        if(window.location.hash.indexOf('#!') === 0){
            $.ajax({
                url: window.location.hash.replace('#!','') + '.php',
                success: function(data){
                    $('body').fadeOut().html(data).fadeIn();
                }
            });
        }
    }
});

---

大多数情况下是ajax，但不一定是ajax。所有内容可能已加载到单个页面上，并显示不同的部分。术语是anchor/hash，它被设置在

位置。hash

并从那里重试。感谢您的回复，我按照您的建议进行了尝试，但不起作用，您能告诉我我这里做错了什么吗？是

$（此）

超出范围。太早了：）请参阅更新的代码。再次感谢确定该函数可以工作，但联系人href标记不能工作，如果我转到url，它将成功加载index.php#！联系，但如果我点击href，只需将url从index.php更改为index.php#！联系，但页面上没有更改。好吧，我的示例假设了一些事情，如果您按原样使用它。它假设您的锚有一个名为

nav link

的类，它假设您分配了

rel=“contact.php”

，它假设您在名为

contact.php

的同一目录中有一个php页面，当然它假设您使用的是当前版本的JQuery。在调试过程中，您尝试了什么？控制台中是否显示任何错误？ajax调用成功了吗？编辑：很抱歉，我忘记添加$（document）.ready（函数（）{关于代码，现在一切正常，感谢您的支持：）

$(function(){
    if(window.location.hash){
        if(window.location.hash.indexOf('#!') === 0){
            $.ajax({
                url: window.location.hash.replace('#!','') + '.php',
                success: function(data){
                    $('body').fadeOut().html(data).fadeIn();
                }
            });
        }
    }
});