2016-12-05 114 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。

希望这会有所帮助!

相关问题