如何使用javascript创建HTML元素并将其保存到数据库MySql
问题描述:
我想将创建的元素保存到数据库。所以当我刷新页面时,创建的元素仍然在页面上。请帮助我,谢谢。如何使用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>
答
有多种方式做到这一点,但它保存在一个数据库中是不是其中之一。我不会建议序列化整个JavaScript代码来插入一个新的元素,甚至是将附加的关键部分插入到数据库中。
而是将其保存在XML或JSON配置文件中并将其保存在服务器端。在每个客户机 - 服务器交互中,即每当你调用服务器时,都发送一个新的请求参数来表明DOM元素,它是父项,它是值,它是类,它是id以及所有其他必要的属性。解析这些信息,将其保存在配置文件中。现在,在每次加载此页面之前,请阅读您的配置文件并更改您的HTML DOM。
如果要将其保存到数据库中,请选择一个关系数据库,并创建一个关系,其属性为serial_no,parent_id,attributes(属性和值为管道分离键值对)。在对后端脚本的每个请求中,都会引发查询(仅使用预准备语句)以将新信息保存到数据库。在加载页面时阅读这些数据并附加到HTML DOM。
希望这会有所帮助!