如何使用AJax读取地址栏中显示的页面

时间:2016-01-19 17:17:16

标签: javascript jquery ajax

好的,我现在正在收拾我的网站。我正在使用AJAX / JQUERY代码在我网站的初始索引页面中加载div内的页面。但是我希望人们能够使用我购买的jquery社交分享按钮插件分享这些内容,但是如果地址栏只能读取mydomain.com,他们将如何分享像mydomain.com/artist/myartist这样的个人页面?

或者让我说我传递了一个指向我网站特定部分的链接,我希望他们点击链接后访问该网站。例如

www.mydomain.com/store加载商店页面而不是我网站的初始登录页面,他们必须导航到我的商店页面,而不是点击导航系统中的链接

我不知道我是否正确地提出问题,但请查看我的网站,看看我在说什么http://www.Trillumonopoly.com

下面是我用来浏览我的网站的jquery / ajax代码

$( document ).ready(function() {
 $.ajax({
method: 'GET',
url: "pages/promo.html",
success: function(content)
{
    $('#contentarea').html (content);
}
});
});



$('.menu_nav') .click (function () {
var href = $(this) .attr('href');
$('#contentarea').hide() .load(href).fadeIn('normal');

return false;
});

1 个答案:

答案 0 :(得分:0)

您的基本问题是您没有要链接的个人页面。在你做任何其他事情之前,你需要先做到这一点。

首先让网站在没有Ajax的情况下工作(为每个页面创建单独的,完整的页面,包含唯一的URL)。

然后,当链接/表单/加载/example.page的任何内容被激活时,请执行以下步骤:

  1. 如果您要求/example.page
  2. ,请获取将当前页面转换为服务器为您提供的页面所需的内容
  3. 使用该内容更新DOM
  4. 使用pushState更新地址栏中的网址
  5. 还要确保注册了popstate处理程序,以便浏览器中内置的后退和前进按钮继续有效。