在呈现页面后尝试从 JavaScript 函数访问模型数据 NodeJS EJS

Question

这是我的第一个 NodeJS 应用程序，所以这可能是一个初学者的问题。我正在使用 Ejs 构建 UI，并且我正在发送一个模型，其中包含我在表格中显示的数据。

我正在尝试在 JavaScript 函数中访问此模型的数据，以节省对数据库的另一个调用，但我似乎无法正确处理。

<h1 class="in-line">Phone Log (<%= model.length %>)</h1>
<p id="pPhoneValue" class="in-line right-element">R -------</p>
<button class="btn btn-primary in-line right-element" onclick="valueSearch(model)">View</button>
<input class="in-line right-element" type="number"  id="iPhoneID" name="iPhoneID" placeholder="Enter Phone ID">
<div class="table-responsive-sm">
    <table class="table table-hover">
        <thead>
            <tr>
                <th>Phone ID</th>
                <th>Make</th>
                <th>Model</th>
            </tr>
        </thead>
        <tbody>
            <% for( const phone of model) { %>
                <tr>
                    <td><%= phone.ID %></td>
                    <td><%= phone.Make %></td>
                    <td><%= phone.Model %></td>
                </tr>
            <% } %>
        </tbody>
    </table>
</div>

这是 javascript 函数，但现在它只是为感兴趣的人显示传递的数据。

function valueSearch(Data){
    console.log(Data);
}

目前，当我按下按钮时，我得到“模型未定义”。

这是从 NodeJs 调用和呈现页面的代码：

app.get("/view", (req, res) => {
    sql.connect(dbConfig, function (err){
        if (err) {
            console.log(err);
        }
        const request = new sql.Request();
        const getAllQuery = "SELECT * FROM Phone_Information ORDER BY PhoneID";
        request.query(getAllQuery, function(err, result){
            if (err) {
                console.error(err.message);
            }
            sql.close();
            res.render("viewLog", { model: result.recordset });
        });
    })
});

Answer 1

嘿，OP，如果您可以发布 nodejs，那就太好了，因为它可能会有所帮助。 我不知道你的程序是如何工作的，但使用 ejs 可以：

valueSearch(<%=model%>)

如果你想代表一个变量，你总是需要<%%>，因为 html 不会理解你在说什么变量

编辑：我试过但它不起作用，也许这是 ejs 与 html 交互的方式，或者我遗漏了一些东西，但你可以真正定义它的一种方法是：

let model = document.querySelectorAll('#model').innerText

ejs 文件：

<div id = "model" hidden><%= model %></div>