在單擊href上，如何使用jQuery創建新的html頁面並在頁面中動態寫入html？

Question

我正在嘗試實現銷售的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頁面不會出現在我的源代碼中。 在單擊圖像上，我想創建一個新的HTML頁面，命名為34567.html，並使用jQuery將html內容寫入該頁面。

誰能幫我實現這一目標的方法。

非常感謝您的即時答復！ 謝謝。

Answer 1

我認為您正在尋找：

查看本文： http : //www.htmlgoodies.com/beyond/javascript/article.php/3776371

祝好運！

Answer 2

根據您的評論，您想要的是AJAX調用。 您希望對錨點執行onclick動作，該動作會觸發AJAX請求，並帶有一個知道如何呈現結果的回調-它可以替換文檔對象的html。 然后，出於可用性考慮，該操作可能會顯示一個加載屏幕。 最后，該操作應返回false，因此不遵循鏈接。

關鍵點：如果錨標記上的onclick操作返回false ，則瀏覽器不會跟隨該鏈接。

不過，我要趕緊補充一點，讓鏈接的href根本不起作用是一種反模式。 您的HTML告訴瀏覽器在/products/34567.html上有一個相關文檔。SEO找不到您的產品“頁面”。 AJAX很好，很花哨，但這不是最好的用法。 如果該鏈接確實有效，則最好。AJAX只是可選步驟。 網絡爬蟲通常不運行JS，也不會找到您的產品-如果您要銷售它們，則希望Google找到它們！

希望有道理！