AJAX代码没有重新加载

Question

一直在尝试按照教程： https://www.udemy.com/json-ajax-data-transfer-to-mysql-database-using-php/

第4节有一段视频：第20讲

的script.js

    var output = document.getElementById('output');
output.innerHTML = "";  

function submitData(fdata){
    var xhttp = new XMLHttpRequest();
    xhttp.onload = function(){ console.log(xhttp.responseText);
        jData();}
    xhttp.open(fdata.method,fdata.action,true);
    xhttp.send(new FormData(fdata));

    //console.log(fdata.method);
    return false;   
}


function jData(){
var ajaxhttp = new XMLHttpRequest();
var url ="json.php";
ajaxhttp.open("GET", url, true);
ajaxhttp.setRequestHeader("content-type","application/json");

ajaxhttp.onreadystatechange = function(){
    if(ajaxhttp.readyState == 4 && ajaxhttp.status == 200){
        var jcontent = JSON.parse(ajaxhttp.responseText);

        for (var myObj in jcontent){
            output.innerHTML += '<div>' + jcontent[myObj].firstName + ' ' + jcontent[myObj].lastName + 
            ' ' + jcontent[myObj].age + '</div>';
        }
        console.log(jcontent);
    }
}
ajaxhttp.send();
}

我不太确定如何将其他代码放在这里，因为它需要一个sql命令但是如果有人可以查看这段代码。代码假设每次插入新数据时都显示数据。它假设在底部显示新数据，但代码会一遍又一遍地显示所有数据。

有人可以解释为什么会这样吗？