Javascript 如何更改HTML元素';s node.js中的值
我有一个联系人表单,当我点击提交按钮时,它会重定向localhost:3000/submits,我会将用户数据保存到MySQL,这没关系,但我不知道如何更改HTML元素的值(如段落、标题)。。代码在下面 我想更改提交页面上的html元素(或者我想创建一个创建提交对象的函数) 我以为Javascript 如何更改HTML元素';s node.js中的值,javascript,html,mysql,node.js,Javascript,Html,Mysql,Node.js,我有一个联系人表单,当我点击提交按钮时,它会重定向localhost:3000/submits,我会将用户数据保存到MySQL,这没关系,但我不知道如何更改HTML元素的值(如段落、标题)。。代码在下面 我想更改提交页面上的html元素(或者我想创建一个创建提交对象的函数) 我以为 <script> var para=document.createElement('p') function createNewSubmit(name,email,topic){ document.te
<script>
var para=document.createElement('p')
function createNewSubmit(name,email,topic){
document.textContent='"+name+"';
}
</script>
为该代码添加了所有必需的库提示:现在是2021年。您可以使用而不是所有这些连接。提示:SQL语句不需要
像这样以编程方式运行时,代码>分隔符。只有在交互式shell或准备好的语句中才需要这样做。在每次收到请求时连接也是一个糟糕的计划。使用连接池!提示:考虑使用一个承诺驱动的数据库层,这样你就可以<代码>等待你的结果。编写回调风格的代码很快就会变成一团乱麻。您的表单使用了POST
到/submits
的方法,但您的代码只包含一个处理GET
方法的示例。如果要利用应用程序前端节点中的动态内容,必须在响应中提供。您使用的是什么应用程序框架?如果它是Express
,那么您使用的是什么视图引擎?
<div class="contact">
<h2 class="name" id="name">Name</a></h2>
<h2 class="email" id="email">Trial@xxx.com</h2>
<div class="message" id="topic">message</div>
<div class="date" id="date"></div>
</div>
<form action="http://localhost:3000/submits" method="POST">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="your Name..">
<label for="email">E-mail</label>
<input type="text" id="email" name="email" placeholder="your E-mail..">
<label for="topic">Topic</label>
<textarea name="topic" id="topic" placeholder="Write something.."></textarea>
<input type="submit" value="Submit">
</form>
</div>
app.get('/submits',(req,res)=>{
res.sendFile(__dirname+'/submitPage.html')
var con = mysql.createConnection({
host: "localhost",
user: "root",
password: "",
database: "unityrehberim",
port:"3306"
});
con.connect(function(err) {
if (err) throw err;
var sql = "SELECT * FROM unityrehberim.submits WHERE isim;";
con.query(sql, function (err, result) {
if (err) throw err;
result.forEach(element=>{
console.log(element);
});
console.log(result.affectedRows + " record(s) updated");
});
});
})