如何從.ejs文件中獲取值並將其用於.js文件

Question

我有一個login.ejs文件我想使用在.js文件的文本框中輸入的用戶名。

login.ejs包含以下HTML

<h1>Log in</h1>
<div>
<label>Username:</label>
<input type="text" id="username" name="uname" /><br/>
</div>
<div>
<label>Password:</label>
<input type="password" id="password" name="pw" />
</div>
<div>
<input type="submit" value="Submit"/>
</div>

以及我想要使用該值的.js文件中的代碼

if(username==teacher)
{
//some thing
}
else if(username==student)
{
//some thing
}

Answer 1

在加載a.js文件之前，您可以將它放在ejs文件的head

 "<script > var username<%= title %> </script>"

這將使用傳遞給ejs文件的參數定義變量username，您可以在鏈接到該頁面的任何js文件中訪問它