Javascript jQuery Ajax加载不工作

Javascript jQuery Ajax加载不工作,javascript,jquery,ajax,Javascript,Jquery,Ajax,这是我的代码: test.html 我想在更改中使用window.hash检测要加载的特定页面。例如,如果用户转到http://localhost/test.html#test2 页面中的主容器(结果)将对test2.html进行Ajax加载调用,以获取内容。我无法让这个简单的代码正常工作。如果有人能给我指引正确的方向,我将不胜感激。谢谢。请尝试以下方法: window.onhashchange = function () { $('#result').load('test2.html'

这是我的代码:

test.html
我想在更改中使用window.hash检测要加载的特定页面。例如,如果用户转到
http://localhost/test.html#test2

页面中的主容器(结果)将对test2.html进行Ajax加载调用,以获取内容。我无法让这个简单的代码正常工作。如果有人能给我指引正确的方向,我将不胜感激。谢谢。

请尝试以下方法:

window.onhashchange = function () {
    $('#result').load('test2.html', function(){
        alert('Load was performed.');
    });
};
两件事:
  • 首先查看
    $(window.bind('hashchange',function(){})
    是否正常工作。尝试给出一些伪代码,如下所示:

    $(window).bind('hashchange', function(){
        alert("Hash changed!");
    });
    
  • 其次,如前所述,尝试结合使用JavaScript和jQuery代码:

    window.onhashchange = function () {
        $('#result').load('test2.html', function(){
            alert('Load was performed.');
        });
    };
    
  • 我能够得到更新,以及得到改变。让我确认几件事

  • 您正在加载jQuery库吗
  • 您是在服务器上运行它还是通过
    文件://
    协议调用它?有时后者不起作用
  • 我在本地服务器上使用了与您相同的代码。这对我有用

    $(document).ready(function(){
      $(window).bind('hashchange', function(){
        $('#result').load('test2.html', function(){
          alert('Load was performed.');
        });
      });
    });​
    
  • 小提琴:
    test2.html中的代码在哪里?您好,test2.html中的代码只是h3标记,我确实收到了警报。@如果您收到警报,请将其清除。
    test2.html
    中没有任何内容。根据test2.html的路径,它需要与test.html位于同一文件夹中。如果是,ajax请求的响应代码是什么?像firebug这样的程序可以向你展示这一点。这种情况只发生一次,对吗?或者每次更改哈希?@PraveenKumar每次更改哈希时,都会在窗口上绑定
    hashchange
    事件处理程序。已尝试,但无效。“我的test2.html中的内容未加载。@请确保它已连接。如果收到警报,请尝试检查响应。”。
    window.onhashchange = function () {
        $('#result').load('test2.html', function(){
            alert('Load was performed.');
        });
    };
    
    $(document).ready(function(){
      $(window).bind('hashchange', function(){
        $('#result').load('test2.html', function(){
          alert('Load was performed.');
        });
      });
    });​