Javascript 页面内容堆叠在链接点击上，而不是刷新

我目前正在做一个学校项目，当我们开始使用javascript时遇到了一点问题。 当我们尝试加载一个新页面时，新页面会被堆叠在旧页面下。我们不知道如何使链接刷新页面内容。为此，我们将使用Ajax

链接代码如下所示：

                var produktImgLink = document.createElement("a");
                produktImgLink.setAttribute("href", "#");
                produktImgLink.setAttribute("onclick", "$document.getProductByID(" + produkter[rad].id + ")");

这是我们的getProductByID函数

               function getProductByID(id){
               $.getJSON("index1.php/Model/getProductByID/json/" + id).done(produktsida);
        }

Produktsida是产品页面，我们在其中展示指定的产品。 我会链接代码：如果你需要更多信息

---

我们是否需要一些wierd代码来实现这一点，还是我们的想法完全错了？我们一周前才开始使用javascript，所以我们不知道它是如何工作的。

请告诉我们什么是

produktsida

isproduktsida是一个创建UL元素和其他东西来展示指定产品的功能。