Question

我有以下Java脚本函数：

var tabBody, row, cell;

function updateTable()
{
    tabBody = document.getElementById("editable");
    row = document.createElement("tr");

    cellID = document.createElement("td");
    cellname = document.createElement("td");

    cellID.innerHTML = document.forms['myForm1'].elements[1].value;
    cellname.innerHTML = document.forms['myForm1'].elements[0].value;

    row.appendChild(cellID);
    row.appendChild(cellname);

    if (tabBody.childNodes.length == 10)
    {
        tabBody.removeChild(tabBody.childNodes[0])
    }

    document.getElementById("mytb").style.display = "block";

    tabBody.appendChild(row);
}

并在向输入文本添加数据时显示tbody，如：this

如何将此数据插入数据库？

Answer 1

我认为你必须循环你的每个元素并获得每个值。例如使用jquery：

// this will get all lines of your table
$("#editable tr").each(function(index,element){
  // here element is the current line (<tr>) of the loop

   // here we get all <td> of <tr>
  $(element).children().each(function(tdIndex,tdElement){
   // here we get the value of current <td>
   var value = $(tdElement).html();// value of td content
  });
});

Answer 2

将数据恢复到服务器可以使用ajax调用。

如：

var jqxhr = $.ajax( "receivedata.jsp?p1=" + document.forms['myForm1'].elements[1].value + "&p2=" + document.forms['myForm1'].elements[0].value )
  .done(function() {
       alert( "success" );
  })
  .fail(function() {
      alert( "error" );
  })
  .always(function() {
     alert( "complete" );
  });

以上摘录取自http://api.jquery.com/jquery.ajax/

如果在服务器端使用JSP，则会获得p1和p2参数。

将tbody内容插入数据库

2 个答案: