作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试从html文件将数据发布到nodejs服务器,下面发送的数据是我的html文件和nodejs文件,我遇到以上类型错误,请帮助
在脚本代码中,我将数据从html文件发送到nodejs服务器
Index.html 文件
<html>
<head>
<title>contacts</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<script>
$(document).ready(function(){
var id,name,phone,email;
$("#save").click(function(){
id=$("#id").val();
name=$("#name").val();
phone=$("#phone").val();
email=$("#email").val();
$.post("http://localhost:8083/save",{id:id,name:name,phone:phone,email:email},function(data){
});
});
});
</script>
</head>
<body>
<div id="a">
</div>
<form class="form-horizontal">
<div class="form-group">
<label for="exampleInputID" class="col-sm-2 control-label">ID</label>
<input type="ID" class="form-control" id="id" placeholder="ID">
</div>
<div class="form-group">
<label for="exampleInputName" class="col-sm-2 control-label">Name</label>
<input type="Name" class="form-control" id="name" placeholder="Name">
</div>
<div class="form-group">
<label for="exampleInputPhone" class="col-sm-2 control-label">Phone</label>
<input type="Phone" class="form-control" id="phone" placeholder="Phone">
</div>
<div class="form-group">
<label for="exampleInputEmail1" class="col-sm-2 control-label">Email address</label>
<input type="email" class="form-control" id="email" placeholder="Email">
</div>
<input id='save' type="button" value="save" >
</form>
<input type="button" id='get' value="Get" style="float: right;">
</div>
</body>
</html>
Nodejs File
var express = require('express');
var app = express();
var http = require("http");
var mysql = require('mysql');
var connection = mysql.createConnection({
host : 'localhost',
user : 'root',
password:''
});
connection.connect();
connection.query('use mysql');
var strQuery = 'select * from Person';
app.use(express.static(__dirname + '/../Desktop'));
app.post('/save',function(req,res){
//res.setEncoding('utf8');
var user_id=JSON.stringify(req.body.id);
var user_name=JSON.stringify(req.body.name);
// this is my post request above
console.log("ID = "+user_id+", name is "+user_name+", phone no. is "+user_phone+", email is "+user_email);
});
app.listen(8083);
console.log('server running\n');
最佳答案
这是您的问题:
<input type="ID" class="form-control" id="id" placeholder="ID">
没有这样的 type="ID"
仍然可用于输入标记。对于输入标签的有效类型,您可以引用http://www.w3schools.com/html/html_form_input_types.asp
有一些 HTML5 添加了几种新的输入类型:
color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week
关于javascript - 类型错误 : Cannot read property 'id' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31510385/
我是一名优秀的程序员,十分优秀!