如何將一個使用JavaScript動態創建的HTML表發送到另一個頁面（servlet，jsp等）？

如何發送一個使用JavaScript動態創建的HTML表格到另一個頁面（servlet，jsp等）？如何將一個使用JavaScript動態創建的HTML表發送到另一個頁面（servlet，jsp等）？

我的代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html" charset="utf-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
function createTable(numberOfRows) { 
    for (var i = 1; i < numberOfRows; i++) { 
     var tr = document.createElement("tr"); 
     var tableData = ['hello','world','hi','bye']; 
     for (var j = 0; j < tableData.length; j++) { 
      var td = document.createElement("td"); 
      var data = document.createTextNode(tableData[j]); 
      td.appendChild(data); 
      tr.appendChild(td); 
     } 
     document.getElementById("table1").appendChild(tr); 
    } 
} 
function sendTableToAnotherPage(){ 
// **what should be the code here,to fetch the table created using above function 
//and send it to servlet or jsp page via AJAX.** 
} 
</script> 
</head> 
<body> 
     <table id="table1"> 
     </table> 
<button type="button" onclick="createTable(5)">Create Table</button> 
<input type="button" value="Save" onclick="sendTableToAnotherPage()"> 
</body> 
</html>

我從我的servlet/JSP頁面獲取表格數據所面臨的困難。任何幫助，將不勝感激。

來源

2014-02-05 Hitesh Jain

你可以包含這個表頁而不是發送？使用@include –

發送表格數據爲JSON而不是 – mplungjan

@susheel我，沒有得到你。 –

如果表和數據相同，那麼可以將table.innerHTML傳遞給另一個頁面。
例如：

<script type="text/javascript"> 
function createTable(numberOfRows) { 
    for (var i = 1; i < numberOfRows; i++) { 
     var tr = document.createElement("tr"); 
     var tableData = ['hello','world','hi','bye']; 
     for (var j = 0; j < tableData.length; j++) { 
      var td = document.createElement("td"); 
      var data = document.createTextNode(tableData[j]); 
      td.appendChild(data); 
      tr.appendChild(td); 
     } 
     document.getElementById("table1").appendChild(tr); 
    } 
} 
function sendTableToAnotherPage(){ 
    document.getElementById("table2").innerHTML = document.getElementById("table1").innerHTML; 
} 
</script> 
     <table id="table2" border="2"> 

     </table> 
     <table id="table1"> 
     </table> 
<button type="button" onclick="createTable(5)">Create Table</button> 
<input type="button" value="Save" onclick="sendTableToAnotherPage()">

來源

2014-02-05 07:17:17

調用serlvet/url與參數= innerHtmlValue ...再次設置它在下一頁 –

你能解釋一下進一步？ –

Hitesh，對於任何HTML對象，您可以將InnerHTML作爲文本...如果您的表是「TABLE1」，那麼document.getElementById（「TABLE1」）。innerHTML –

如何將一個使用JavaScript動態創建的HTML表發送到另一個頁面（servlet，jsp等）？

回答

相關問題