Javascript 单击href，如何创建新的html页面并使用jQuery将html动态写入页面？

我正在尝试为销售人员实现web应用程序。因此，我想通过点击一个产品来动态生成html页面

<a href="/products/34567.html">
    <img src="leather1.png" alt="Leather Bag" width="82" height="82">
</a>

当我点击leather1.png时，我应该重定向到34567.html。 但是34567 html页面将不会出现在我的源代码中。在单击图像时，我想创建一个名为34567.html的新html页面，并使用jQuery将html内容写入该页面

有谁能帮我解决这个问题吗

非常感谢您的及时回复！

---

谢谢

我想你在找这个：

看看这篇文章：

---

祝你好运

根据您的评论，您需要的是AJAX调用。您希望在锚上有一个

onclick

操作，该操作将触发AJAX请求，并带有一个知道如何呈现结果的回调—它可以替换文档对象的html。然后，为了便于使用，该操作可能会显示一个加载屏幕。最后，操作应该返回false，这样链接就不会被跟踪

关键点：如果锚定标记上的onclick操作返回

false

，则浏览器不会跟随该链接

不过，我要赶紧补充一点，链接的

href

根本不起作用有点反模式。您的HTML告诉浏览器在/products/34567.HTML上有一个相关文档。。。搜索引擎优化将找不到您的产品“页面”。AJAX非常好，但是这并不是它的最佳用途。如果这个链接真的有效，那么最好使用AJAX，而AJAX只是一个可选步骤。网络爬虫通常不运行JS，也找不到你的产品——如果你想让它们销售，你就想让谷歌找到它们

---

希望这有意义

JavaScript无法做到这一点，您需要一种服务器端语言来动态编写文件。感谢您的快速响应。可以使用spring tiles概念来完成吗。@VNY，您希望新页面的内容来自哪里？@Dan Farrell…将预先存在于html页面中，就像模板一样。。。。我想从服务器端得到响应，并将数据传递到模板中，生成html内容。感谢您提供的信息。。但是这个链接说使用javascript对页面进行动态更改……我的期望是创建一个新页面并推送html内容……谢谢，这很有意义……你指的是搜索产品的可行性。但是如果我没有错的话，SEO会找到销售主页而不是产品。一旦进入主页，用户就可以根据类别选择产品……因此，为了获得产品信息和详细信息，我想打个电话，询问它是否可能是ajax或url请求映射并加载到新生成的html页面中。html页面名称应该是唯一的产品ID。无论如何，谢谢。你提出了一个很好的观点。是的，除了搜索引擎优化，第一段基本上解释了你想要做什么。