Как поместить значения из строк html в базу данных sql?

function addRow(tableID) {    
    var table = document.getElementById(tableID);

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.type = "checkbox";
    element1.name = "chkbox[]";
    cell1.appendChild(element1);

    var cell2 = row.insertCell(1);
    cell2.innerHTML = rowCount;

    var cell3 = row.insertCell(2);
    var element2 = document.createElement("input");
    element2.type = "text";
    element2.name = "item";
    element2.size = "40";
    cell3.appendChild(element2);

    var cell4 = row.insertCell(3);
    var element3 = document.createElement("input");
    element3.type = "text";
    element3.name = "qty";
    element3.style  = "text-align: right";
    cell4.appendChild(element3);

}

Я создаю набор столбцов, используя этот код, и с помощью действия кнопки я постоянно добавляю такие строки на страницу.

Теперь вместе с этим я хочу одновременно добавить эти значения в базу данных SQL. Кроме того, всякий раз, когда я повторно посещаю эту страницу, у меня должны быть ранее введенные данные.

В настройке есть 3 кнопки Delete Row, Add Row и Save.
Я хочу получить все строки в базе данных, как только щелкну Save.