javascript - 如何在不刷新页面或更改 url 的情况下加载不同的 html 页面?

标签 javascript jquery ajax

我想在不刷新页面或更改其 url 的情况下加载 html 页面。 因此,例如,如果我在 http://localhost/sample/home 并且我想导航到联系我们页面,我单击联系链接并且联系页面内容被加载而不刷新页或更改 url。

如何做到这一点?

最佳答案

查看 jQuery.load() 的使用.

这允许您从 URL 加载 HTML,并将其显示在页面的元素中。

因此你可以这样做:

$("body").load("/sample/contactus");

但是我不会推荐它,因为它不利于 SEO 或可访问性。此外,它不会减少加载时间,因为您仍然需要为整个其他页面发出 HTTP 请求。

关于javascript - 如何在不刷新页面或更改 url 的情况下加载不同的 html 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11758111/

相关文章:

javascript - 如何在运行另一个函数之前等待 jQuery 切换完成?

javascript - 如何使用 jQuery/JavaScript 打开弹出窗口/选项卡(ASPX 登录页面),然后将值传递给打开的窗口/选项卡上的 DOM 就绪事件?

jQuery:如何将此 URL 转换为 GET 请求

php - AJAX url 调用上的多个 PHP 脚本

javascript - ajax 调用 javascript 日期的 ASP.NET Parse DateTime 结果

javascript - 如何在 mailto 函数中格式化文本

javascript - 如何在 Highcharts 导出菜单中显示分隔线?

javascript - jQuery:检查第一个单选按钮时显示 Div

javascript - 过滤字符串 只过滤不带空格的字符串

javascript - 在 Array JS 上完成