将变量从ejs传递到js脚本

时间:2019-01-20 11:57:49

标签: javascript node.js ejs

我正在尝试将变量从ejs传递给JavaScript函数,但在输出中始终未定义。这是代码。它应该呈现一个带有文件名的表,然后单击每个文件名应稍后重定向到一个页面,该页面将在浏览器中呈现该文件,但是如果不将参数传递给URL,我将无法继续。

        <% if (files.length > 0) {%>
        <table class="table table-hovered">
            <thead class="thead-light">
                <tr>
                    <th scope="col">No</th>
                    <th scope="col">File</th>
                    <% files.forEach((file, index) => { %>
                <tr>
                    <th scope="row">
                        <%= index + 1 %>
                    </th>
                    <td>
                        <a onclick="func(file.fileName);">
                            <%= file.fileName %>
                        </a>
                    </td>
                </tr>
                <% }) %>
                </tbody>
        </table>
        <% } %>
    </div>
</div>
<script>
    function func(fileName) {
        window.location.href = "/thesis_view/" + fileName;
    }
</script>




getStudentUploadThesisPage: (req, res) => {
        const getFilesQuery = "SELECT fileName FROM supervision INNER JOIN thesis ON supervision.thesisId = thesis.id INNER JOIN thesis_details ON thesis_details.thesisId = thesis.Id INNER JOIN people ON supervision.teacherId = people.id INNER JOIN thesis_file ON thesis_details.id = thesis_file.thesis_detail_id WHERE supervision.studId = " + req.session.userId;
        db.query(getFilesQuery, (err, result) => {
            if (err) {
                return res.status(500).send(err);
            } else if (result.length >= 0) {
                res.render('student_upload_thesis', {
                    files: result
                });
            }
        });
    }

1 个答案:

答案 0 :(得分:0)

我想出了类似的东西。它能做到

<script>
    var table = document.getElementById('table'),
        rIndex;
    for (var i = 0; i < table.rows.length; i++) {
        table.rows[i].onclick = function () {
            rIndex = this.rowIndex;
            window.location.href = "/thesis_view/" + this.cells[1].innerHTML;
        }
    }
</script>