链接点击页面内容堆叠而不是刷新

Question

我正在做一个学校项目，当我们开始使用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是产品页面，我们在其中展示指定的产品。 如果您需要更多信息，我会链接代码：http://pastebin.com/YnaYjkPK。

我们是否需要一些奇怪的代码来实现这一点，或者我们只是在考虑完全错误？我们刚开始在一周前开始使用javascript，所以我们真的不知道它是如何工作的。