如何使用jquery ajax更新基于url的页面内容？

我想用JQuery ajax根据URL更新页面内容。如何使用jquery ajax更新基于url的页面内容？

例如，如果网址为/contact它将包含联系页面而不刷新。

我有.htaccess文件处理的URL。

这是我有的JQuery，但我不认为它是正确的，我想实现。

$('#topBar .topBarElement').click(function() { 
    var page = $(this).attr('href'); 
    $('#content').load('content/' + page + '.php'); 
    return false; 
});

来源

2013-07-08 Daniel Din

哪一部分是有问题的？ – intuitivepixel

考虑：http://stackoverflow.com/questions/736513/how-do-i-parse-a-url-into-hostname-and-path-in-javascript和使用jQuery的'.load（）'方法。 – DevlshOne

我不知道如何做到这一点......我创建了链接和jQuery，当单击其中一个链接时调用它，但是一旦它们被点击，每个链接重定向到的页面就会加载到索引上页面和URL根本不会改变... –

<a href="/contact">Contact</a> 

$("a").click(function(e) { 
    e.preventDefault(); 
    $("body").load($(this).attr("href")); 
});

不是我推荐它.. 它也需要调整，以去除头，复制脚本，和其他的东西要考虑..但它会铁锅。

来源

2013-07-08 23:17:14 Robert

这将改变页面的内容，但不是基于URL，对吧？事情是我想要的URL也改变：/该URL设置为使用PHP更改，但它没有，因为我添加了jQuery。 –

查看历史API。这将通过ajax加载/接触并将结果注入体内。通常用于单页应用 – Robert

你显然想要的是这个和历史管理的组合 – Robert

如何使用jquery ajax更新基于url的页面内容？

回答

相关问题