php - 如何使浏览器在访问 URL 时不刷新整个页面?

标签 php javascript html url browser

我试图了解 - 是否有任何方法可以让浏览器在用户点击时不刷新整个页面。可以看到哈希添加方法 - 我需要另一种方法,使用没有哈希的链接。 可能应该发送任何 header 吗?还是别的?

我想处理仅返回部分 HTML(或特殊 js 命令)而不是所有页面的 GET 查询,并以 AJAX 样式处理它。

最佳答案

您可以通过 jquery 对您的链接进行 ajax 化。像这样:

$('a.ajax').click(function(ev){
    ev.preventDefault();
    var target=$(this).attr('data-target');
    var url=$(this).attr('href');
    $(target).load(url+' '+target);
}

这可以与以下 HTML 一起使用:

<div id="output">
 Hello <a href="world.html" class="ajax" data-target="#output">World</a>
<div>

在 world.html 里面你需要有:

<div id="output">
  Foo bar baz boo
</div>

理论上,这应该将 dif 的内容从“world”文件加载到第一个文件内的 div 中,但我还没有尝试过。我认为这正是您所需要的,因为常规链接仍然存在,谷歌将绕过 ajax 正确索引此内容,您的用户将很高兴看到部分页面更改。

关于php - 如何使浏览器在访问 URL 时不刷新整个页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7589880/

相关文章:

javascript - 如何将数组发送到存储过程?如果我从JS发送数据,最好的数据格式是什么?

html - CSS 固定元素定位和链接

php - Jquery从元素获取id并包含在post中

php - 德鲁巴 7 : mail does sent but body and subject are empty

javascript - 从React表单获取数据到express.js

javascript - 将两行连接成一行时自动删除空格

php - 有没有一种方法可以使用没有前导空格的 `strftime` 来显示日期?

php - 为什么我的 SQL "INSERT INTO"查询不起作用?

html - 为什么添加 DOCTYPE 会影响我的 CSS?

css - 如何使用 CSS 设置 HTML5 表单验证错误消息的样式?