將數據從app.js（節點）發送到javascript（main.js）

我想將數據（用戶名）從app.js發送到main.js，並且還將數據（用戶名）從main.js檢索到應用程序.js文件。我有app.js這是節點，調用index.html。 index.html實習生調用main.js函數點擊。這是我的代碼。將數據從app.js（節點）發送到javascript（main.js）

app.js

var http = require('http'); 
var fs = require('fs'); 
var express = require('express'); 
var path = require('path'); 
var app = express(); 

var username = 'username'; 

app.use(express.static('public')) 

var request = require('request'); 
request('http://localhost:8000/test', function (error, response, body){ 
if (!error && response.statusCode == 200) { 
console.log(body); 
} 
}); 

app.get('/', (req, res) => { 
res.sendFile(path.join(__dirname + '/index.html')) 
}); 

app.listen(3000,'127.0.0.1'); 
console.log('Listening on port 3000');

main.js

function clicked() { 
var user = document.getElementById('username'); 
var pass = document.getElementById('password'); 

var checkuser = "test"; 
var checkpass = "123" 

if (user.value == checkuser) { 
    if (pass.value == checkpass) { 
     window.location.href = "login.html"; 
    } 
    else 
    window.alert("Incorrect username or Password"); 
} 
else 
    window.alert("Incorrect username or Password"); 
}

請幫我解決這個問題。

的index.html

<!DOCTYPE html> 
<html> 
<head> 
<title> Login</title> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
</head> 
<body> 

<center> 
<h1>LOGIN</h1> 
<form action="" method="get"> 
<div class="container-fluid"> 
<div class="well"> 
<input type="text" id="username" placeholder="UserName"></br> 
<input type="password" id="password" placeholder="PassWord"></br> 
<input type="button" value="Login" onclick="clicked()"> 
<!--<button type="submit" onclick="clicked()">Login</button>--> 
<button type="submit" formaction="register.html">Register</button> 
</div> 
</div> 
</form> 
</center>

來源

2017-06-28 K.Kanavi

你應該使用一些模板引擎像EJS將數據傳遞到你的HTML頁面。模板引擎通過組合HTML代碼和包含邏輯和數據的腳本來生成最終的HTML響應，該響應將發送給客戶端。

我不知道你的用例，但傳遞用戶名和密碼給客戶端和驗證他們的客戶端是一個壞主意。相反，您可以對服務器進行AJAX調用並在服務器端進行驗證。希望能幫助到你。

來源

2017-06-28 17:31:26 DevDot

將數據從app.js（節點）發送到javascript（main.js）

回答

相關問題