是否有发出正常的链接通过Ajax自动加载,而不是通常的方法是什么?
-
11-09-2019 - |
题
我还没有解释这一点。
但我的意思是,如果我有一个载入页面的一个DIV元素的内容,通过功能的AJAX脚本“loadpage(” whatever.php');,而不是绕来绕去手动这样做是为了所有链接,在那里具有一个脚本,自动使所有定期链接加载通过AJAX功能的方法吗?
像在Facebook上,你的个人资料加载通过Ajax的,但如果你看看他们的代码,他们只是有一个常规链接到配置文件。
干杯!
解决方案
当然,你可以用jQuery做到这一点。
此脚本穿过文件,找到每个锚元件并结合一个事件处理程序的每一个的点击事件。当点击锚元素,事件处理程序发现的href属性并加载该页面添加到#targetDiv(你可以调用这个div任何你想要的,当然)。
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() {
$("#targetDiv").load(($(this).attr("href") + " body");
return false;
});
});
</script>
...
<!-- In your document body, this is the div you'd load the pages into. -->
<div id="targetDiv"></div>
其他提示
您可以使用jQuery这个(如果我明白你的问题的权利)。
首先可以使功能loadpage()如下:
function loadpage(divId, url) {
$('#' + divId).load(url);
return false;
}
.load()不被所有浏览器所支持虽然。如果你想做到这一点没有.load(),那么你可以检查出获得()。有关.load()更多的信息,看看 http://docs.jquery.com/Ajax /加载
我假设它会去是这样的:
$(document).ready(function(){
$("a").click(function(){
$("body").load($(this).attr("href") + " body");
return false;
});
});
这将使网页上的所有<a>
标签调用下载从标签的href
属性的HTML文档,去掉它的身体标记的功能,并用新的内容替换当前页面的身体标记的内容身体标记。这样一来,很容易没有JavaScript来此工作,以及将它集成到现有的网站。
要使用它,你把它放到<script>
标签在你的主页的头部,或在外部JS文件。
请但是请注意,此代码仅更新<body>
标签的内容,头部(包括标题标签)保持不变。您可能需要添加额外的代码更新这样的事情。
不隶属于 StackOverflow