将变量从ejs传递到js脚本 [英] Passing variable from ejs to js script

问题描述

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

I am trying to pass a variable from ejs to JavaScript function but keep getting undefined in output. Here is the code. It is supposed to render a table with file names and clicking on each file name should later redirect to a page which would render the file in the browser but I can't proceed without passing the parameter to 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
                });
            }
        });
    }

推荐答案

我提出了一些建议像这样。

I have come up with something like this. It does it job

<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>

这篇关于将变量从ejs传递到js脚本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！