Javascript 使用jquery将html文件中的内容加载到div中

因此，我试图从另一个html文件填充主内容div

我有这样的前两个链接：

<a href="" class="load-page" data-location="./content/johdanto.html">Johdanto</a>
<a href="" class="load-page" data-location="./content/vastuualueet.html">Vastuualueet</a>

---

填充div是可行的，但无论单击哪个链接，它都只加载第一个文件，需要一些帮助：（

如果有人遇到此问题

$('.load-page').on('click', function(event)
{event.preventDefault();
$.ajaxSetup({ cache: false });
$('#content').load($(this).data('location'));
});

---

将缓存设置为false为我修复了它：）

JS逻辑工作正常：。检查网络选项卡以确保来自AJAX请求的响应未被缓存。还要检查以确保这两个页面的内容不相同：）最后，确保

/

路由在您的服务器上工作。通常，在浏览器中查找目录是

。/

。您最好将根文件夹中的所有路径作为基础：

/content/…

Yea甚至认为这些路径不会被缓存。非常感谢您的快速回答！为了一个学校项目而努力学习，我一整天都在挠头……我不确定你能做什么，不能做什么，声誉为1，但你可能可以从问题中删除你的修正，并将其添加为答案，即回答你自己的问题。@wazz现在会解决的，谢谢！我需要一天的时间才能接受我自己的答案。

$('.load-page').on('click', function(event)
{event.preventDefault();
$('#content').load($(this).data('location'));
});

$('.load-page').on('click', function(event)
{event.preventDefault();
$.ajaxSetup({ cache: false });
$('#content').load($(this).data('location'));
});