htmlコード=> => 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>
値を挿入するために渡されたクリックボタンを提出します。
$(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");
}
});
});
});
routes.js =>値が正常ここで渡され
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;
dbentry.js =>関数の値が正常に挿入されている値
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
からです。成功メッセージはinput.js
に渡されません。コードを長時間検査しましたが、エラーを見つけることができませんでした。ちょうどあなたがonSubmit検証 せずに「フォーム」タグを追加した場合、あなたのHTMLファイルをチェックインおよびチェック、提出は、それがそうであるならば、未使用の「フォーム」タグを削除し、あなたをチェック$('#btnId').click(function(){});
によって起こっている
'console.log(result)'は 'input.js'にありますか? –
私はそれを試みましたが、機能の中には入っていません。私も関数内にダミーのテキストを印刷しましたが、あまりにも印刷されませんでした。 –
'res.end()'の代わりに 'res.send()'を使用しました。 –