如何使用javascript将数据从html表单保存到mysql数据库？_Javascript_Mysql_Database_Forms

如何使用javascript将数据从html表单保存到mysql数据库？

javascript mysql database forms

如何使用javascript将数据从html表单保存到mysql数据库？,javascript,mysql,database,forms,Javascript,Mysql,Database,Forms,我试图将html表单中的数据保存到mysql数据库中。显然，我是新手，所以我知道我做错了什么，但在做了大量研究后，我仍然无法弄清楚。为了测试，我创建了一个简单的表单版本 <!DOCTYPE html> <html> </head> <body> <script src="scripts/test.js"></script> <form> <input id="firstName" type

我试图将html表单中的数据保存到mysql数据库中。显然，我是新手，所以我知道我做错了什么，但在做了大量研究后，我仍然无法弄清楚。为了测试，我创建了一个简单的表单版本

<!DOCTYPE html>
<html>

  </head>
  <body>
  <script src="scripts/test.js"></script>


<form>
<input id="firstName" type="text" class="form-control" name="firstName" placeholder="First Name">
 <input id="lastName" type="text" class="form-control" name="lastName" placeholder="Last Name">
 <input id="userName" type="text" class="form-control" name="userName" placeholder="Username">
 <input id="inputText" type="text" class="form-control" name="email" placeholder="Email">
<input id="currentPassword" type="password" class="form-control" name="currentPassword" placeholder="Current Password"> 

 <input type="submit" onclick="saveAccount()" id="createAccountButton" class="button2" value="Create Account"></input>

</form>

  </body>
</html>

我已经读到，您假设连接到函数外部的数据库，但将其移到函数外部似乎并不能解决我的问题。我还被告知不应该使用“document”，但我不知道如何从表单中提取数据，以便在sql语句中使用

我努力将值编码到INSERT语句中，没有使用函数，只是通过命令提示符运行js文件。这可以更新我的数据库，这样我就知道我的连接是正确的。。。我只是不知道如何使它与表单一起工作

注意：我也尝试过使用nodejs和ejs查找教程，但是在仔细阅读教程之后，我仍然无法让它们正常工作

您只是从表单中检索DOM元素。您要查询的是输入的值

var firstName = document.getElementById("firstName").value;

其他变量也是如此。

var mysql=require'mysql'；表示此代码用于node.js服务器端上下文。看起来您正试图在浏览器中运行它。您需要获得一个node.js服务器并创建http端点，就像使用express.js时一样。我已经安装了nodejs。如果您有关于如何“创建http端点”或如何使用它们的任何资源，我将不胜感激。。我找不到很多关于如何保存表单数据的好资源。从这里开始，在节点服务器上创建一些路由。其中一个路由应该类似于/save form data，然后您可以使用的action属性或使用来自客户端JS的AJAX调用点击该路由。将此路由的回调设置为将行保存到数据库的节点脚本。我原来在其中有.value，但它们的代码在这些行上会中断，因此我将其删除并修复了。尝试使用.value并将函数作为window.onload回调运行，或将html脚本标记放在表单后面的正文中

var firstName = document.getElementById("firstName").value;