我想用node.js,html和js創建一個註冊頁面。我的登錄命令有效,但我試圖複製和修改相同的代碼,但不能註冊。它在瀏覽器中顯示一個類型錯誤。服務器工作正常。我試圖用curl發送一個命令,它也能正常工作。JS中的POST請求沒有正確讀取JSON字符串值
curl -XPOST -H 'Content_Type: application/json' --data '{"username":"rkmenon235","password":"rkm235"}' http://eorlundgraymane.imad.hasura-app.io/create-user
我得到當我使用網頁發佈的錯誤是這樣
TypeError: Not a buffer
at TypeError (native)
at pbkdf2 (crypto.js:562:20)
at Object.exports.pbkdf2Sync (crypto.js:553:10)
at hash (/home/rkm/Desktop/webapp/imad-2016-app/server.js:22:22)
at /home/rkm/Desktop/webapp/imad-2016-app/server.js:62:17
at Layer.handle [as handle_request] (/home/rkm/Desktop/webapp/imad-2016-app/node_modules/express/lib/router/layer.js:95:5)
at next (/home/rkm/Desktop/webapp/imad-2016-app/node_modules/express/lib/router/route.js:131:13)
at Route.dispatch (/home/rkm/Desktop/webapp/imad-2016-app/node_modules/express/lib/router/route.js:112:3)
at Layer.handle [as handle_request] (/home/rkm/Desktop/webapp/imad-2016-app/node_modules/express/lib/router/layer.js:95:5)
at /home/rkm/Desktop/webapp/imad-2016-app/node_modules/express/lib/router/index.js:277:22
這是我的Javascript代碼(main.js)我用於註冊命令。
var regy = document.getElementById('signupbutton');
regy.onclick = function(){
var request = new XMLHttpRequest();
request.onreadystatechange = function(){
if(request.readyState === XMLHttpRequest.DONE){
if(request.status === 200)
{
console.log("user created");
alert("Creates Account successfully");
}
else if(request.status === 403){
alert('Something is 404');
}
else if(request.status === 500){
alert('Something is wrong on the server 500');
}
}
};
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
console.log(username);
console.log(password);
request.open('POST','http://localhost:8080/create-user',true);
request.setRequestHeader('Content-Type', 'application/json');
request.send(JSON.stringify({username:username,password:password}));
};
這是我的服務器代碼(server.js),這是爲了響應POST請求
我有這個在我的服務器代碼頂級
var express = require('express');
var morgan = require('morgan');
var path = require('path');
var Pool = require('pg').Pool;//Postgres connetion pool
var crypto = require('crypto');
var bodyParser = require('body-parser');
var app = express();
app.use(morgan('combined'));
app.use(bodyParser.json());
然後,我有這樣的具體要求處理程序(server.js的還一部分)
app.post('/create-user',function(req,res){
var username = req.body.username;
var password = req.body.password;
var salt = crypto.randomBytes(128).toString('hex');
var dbString = hash(password,salt);
pool.query('INSERT INTO users (username,passwordhash) VALUES ($1,$2)',[username,dbString],function(err,result){
if(err){
res.status(500).send(err.toString());
}
else
{
res.send('User Successfully created !'+username);
}
});
});
這是HTML代碼
<html>
<link href = "/loginstyle.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type = "text/javascript" src = "/scripts/coderider"></script>
<body id = "bodyback">
<div id = "container">
<div id = "loginpane">
<form action = "/create-user" method = "POST">
<input type = "text" name = "username" id = "username" placeholder = "Username"/><br>
<input type = "password" name = "password" id = "password" placeholder = "Password"/>
<br>
<input type = "submit" id = "signupbutton" name = "signupbutton" value = "Sign Up"/>
<br>
</form>
</div>
</div>
</body>
</html>
<script type = "text/javascript" src = "/main.js"></script>
我重複代碼工作正常從終端使用CURL但我不能註冊使用JavaScript從HTML頁面的POST調用。
感謝您提供任何幫助。
您的'username'和'password'是否正確地傳遞爲'string'值? –
我編輯了我的問題,在main.js代碼後面顯示server.js配置代碼 – CodeRider
使用insert語句註冊(或)時發生此錯誤嗎? –