2016-12-05 115 views
-1

我想將創建的元素保存到數據庫。所以當我刷新頁面時,創建的元素仍然在頁面上。請幫助我,謝謝。如何使用javascript創建HTML元素並將其保存到數據庫MySql

document.getElementById("insert").onclick = function(){ 
 
    if(document.getElementById('number').value !== ""){ 
 
\t var a = document.createElement('a'); \t \t \t   
 
    a.className = "button fit icon fa-warning"; 
 
\t a.href = "tel:" + document.getElementById('number').value; \t \t var c = document.getElementById('nama').value; 
 
\t a.innerHTML = c; 
 
\t \t \t \t \t \t 
 
\t var container = document.getElementById('linkcontainer'); 
 
\t container.appendChild(a); \t \t \t 
 
    } \t \t \t 
 
} \t \t \t
<input type="text" name="nama" id="nama" value="" placeholder="Input Name" required> 
 
<input type="text" name="number" id="number" value="" placeholder="Input Number" required> 
 
<button name="insert" id="insert" class="button">Add Number</button> 
 
<div id="linkcontainer"></div>

回答

0

有多種方式做到這一點,但它保存在一個數據庫中是不是其中之一。我不會建議序列化整個JavaScript代碼來插入一個新的元素,甚至是將附加的關鍵部分插入到數據庫中。

而是將其保存在XML或JSON配置文件中並將其保存在服務器端。在每個客戶機 - 服務器交互中,即每當你調用服務器時,都發送一個新的請求參數來表明DOM元素,它是父項,它是值,它是類,它是id以及所有其他必要的屬性。解析這些信息,將其保存在配置文件中。現在,在每次加載此頁面之前,請閱讀您的配置文件並更改您的HTML DOM。

如果要將其保存到數據庫中,請選擇一個關係數據庫,並創建一個關係,其屬性爲serial_no,parent_id,attributes(屬性和值爲管道分離鍵值對)。在對後端腳本的每個請求中,都會引發查詢(僅使用預準備語句)以將新信息保存到數據庫。在加載頁面時閱讀這些數據並附加到HTML DOM。

希望這會有所幫助!

相關問題