Javascript 我想使用hashbang URL(blah.com/#!/thingtoload)动态加载页面内容(在DIV中),我有jQuery和Bootstrap

Javascript 我想使用hashbang URL(blah.com/#!/thingtoload)动态加载页面内容(在DIV中),我有jQuery和Bootstrap,javascript,jquery,ajax,twitter-bootstrap,Javascript,Jquery,Ajax,Twitter Bootstrap,我有一个带有Bootstrap和jQuery的网站(jQuery CDN的最新版本),我想在一个DIV中加载页面的内容(也就是说,当点击链接时,只加载页面的一部分,顶部的Bootstrap导航栏以及脚本、CSS等其他内容保持不变) 例子: 我的站点URL是,而首页是相同的URL。在本例中,页面上有一个id为#pageContent的div。 单击时,应在页面内容中加载/profile.php?user=jsa005。 这就是它的全部内容 您可以使用window.location.hash(如果

我有一个带有Bootstrap和jQuery的网站(jQuery CDN的最新版本),我想在一个DIV中加载页面的内容(也就是说,当点击链接时,只加载页面的一部分,顶部的Bootstrap导航栏以及脚本、CSS等其他内容保持不变)

例子: 我的站点URL是,而首页是相同的URL。在本例中,页面上有一个id为#pageContent的div。
单击时,应在页面内容中加载/profile.php?user=jsa005。
这就是它的全部内容

您可以使用
window.location.hash
(如果您手动执行此操作,当然有脚本)。 您可以直接从散列中加载脚本。然后加载脚本直接返回到内容html的html

$(function(){
  $("#clickme").on("click", function(e){
      var hash = window.location.hash.replace('!','');
      //or $.ajax or $.get or other.
      $.get(hash,function(data){
         $("#content").html(data);
      })
  });
}

搜索关于History.js、类似github的导航、单页应用程序、angularJS spa的问题。为什么要使用
#
?这本质上是两种不同的观点。您可以同时使用它们,但可能是
profile.php?user=jsa005/#!这里有些东西
不是相反。@user974407基本上我想加载#之后的东西!,例如nintri.x10.mx/#/somepagetoload.php将在div中加载nintri.x10.mx/somepagetoload.php和nintri.x10.mx/#/profile.php?user=jsa005将在div中加载nintri.x10.mx/profile.php?user=jsa005。