html code =>
setInterval
input.js =>当提交按钮时,单击的值被传递给插入。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/input.js"></script>
</head>
<body>
<form>
<table>
<tr><td>Name</td><td><input type="text" id="name" ></td></tr>
<tr><td> Address</td><td><input type="text" id="address"></td></tr>
<tr><td>Sex</td><td><input type="radio" name="sex" id="sex" value="male">Male
<input type="radio" id= "sex"name="sex" value="Female">Female</td></tr>
<tr><td>DOB</td><td><input type="date" id="dob"></td></tr>
<tr><td>Course</td>
<td><select id="course">
<option value="0">select..</option>
<option value="B.Tech">B.TECH</option>
<option value="MCA">MCA</option>
<option value="MBA">MBA</option>
<option value="BCA">BCA</option>
</select></td>
</tr>
<tr><td>EmailId</td><td><input type="text" id="emailid"></td></tr>
<tr><td>MobileNo</td><td><input type="text" id="mobileno"></td></tr>
<tr><td colspan="2"> <button id="submit">Submit</button>
</table>
<form>
</body>
</html>
routes.js =&gt;这些值在这里成功传递
$(document).ready(function()
{
$('#submit').click(function()
{
var name=$("#name").val();
var address=$("#address").val();
var gender=$("#sex:checked").val();
var dob= $("#dob").val();
var course=$("#course").val();
var email= $("#emailid").val();
var mobileno=$("#mobileno").val();
var data={'name':name,'address':address,'gender':gender,'dob':dob,'course':course,'email':email,'mobileno':mobileno};
$.post('http://localhost:3111/insert',data,function(result){
if(result=='success')
{
alert("insertion successful");
}
});
});
});
dbentry.js =&gt;插入值的功能
var express = require('express');
var router = express.Router();
var db=require('./dbentry.js');
router.post('/insert',function(req,res)
{
var name=req.body.name;
var address=req.body.address;
var gender=req.body.gender;
var dob=req.body.dob;
var course=req.body.course;
var email=req.body.email;
var mobileno=req.body.mobileno;
var insertValues={'name':name,'address':address,'gender':gender,'dob':dob,'course':course,'email':email,'mobileno':mobileno};
db.insert(insertValues,function(result){
if(result=="success")
{
res.end("success");
}
else
res.end("fail");
});
});
module.exports = router;
这些值已成功插入数据库,并且成功消息从var client=require('./dbconnection.js');
function insert(insertValues,callback)
{
client.connection.query('insert into detail set ?',insertValues,function(err,rows)
{
if(!err)
callback("success");
else
callback("fail");
});
}
}
module.exports.insert=insert;
传递到dbentry.js
。
但问题来自route.js
成功消息没有传递给route.js
。我检查了很长时间的代码,但我找不到错误。
答案 0 :(得分:1)
如果您添加了“form”标签而未添加onsubmit,请检查您的HTML文件
并检查,提交是由$('#btnId').click(function(){});
如果是这种情况,请删除未使用的“表单”标记,并检查您的代码是否正常工作。
我认为它的发生是因为表单的默认行为。这里的表单onSubmit可能是空的。