我有一个问题,当试图提交一个表单与用户信息插入到一个表中。我有一个userform,允许使用以下内容输入用户数据:
<form id="userForm">
<fieldset>
<legend>Add User</legend>
<p>First Name: <input id="fname" type="text" name="fname"/></p>
<p>Last Name: <input id="lname" type="text" name="lname"/></p>
<p>Email: <input id="email" type="text" name="email"/></p>
<p>Password: <input id="password" type="text" name="password"/></p>
</fieldset>
<input id="addUser" type="submit" name="add" value="Add User" onclick="addRow()" />
</form>
<script src="script.js"></script>
然后在我的 script.js
代码:
function addRow(){
var form = document.getElementById("userForm");
var req = new XMLHttpRequest();
// Add the form data to the ajax request
var queryString = "";
var fname = form.fname.value;
var lname = form.lname.value;
var email = form.email.value;
var password = form.password.value;
queryString += "fname=" + fname + "&";
queryString += "lname=" + lname + "&";
queryString += "email=" + email + "&";
queryString += "password=" + password;
req.open('GET', '/insert-user?' + queryString, true);
req.send();
console.log(req.status);
执行服务器端代码:
app.get('/add-user', function(req,res){
var context = {};
res.render('addUser', context);
});
app.get('/insert-user',function(req,res,next){
var context = {};
pool.query("INSERT INTO user (`fname`, `lname`, `email`, `password`) VALUES (?,?,?,?)",
[req.query.fname, req.query.lname, req.query.email, req.query.password],
function(err, result){
if(err){
next(err);
return;
}
context.results = "Inserted id " + result.insertId;
res.render('exerciseTable',context);
});
});
未将记录插入表中。当我 console.log(req.status)
我在控制台中看到0。adduser页是用户填写的表单,然后调用insert用户代码,但它似乎不起作用。事实上,url不会从 http://18.219.103.143:3000/add-user
至 http://18.219.103.143:3000/insert-user?
当我屈服的时候。它只是保持静止。好像是我的 app.get('/insert-user'...
代码甚至没有被调用。有人知道我错过了什么吗?
控制台中出现以下错误:
1条答案
按热度按时间hpcdzsge1#
试着把
否则将调用窗体上的默认操作。由于您的按钮是一个提交按钮,并且您的默认操作没有设置,因此它默认为同一页,并且不返回任何内容或返回true将重新加载您的页。