Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML表格,单独编辑记录_Javascript_Html_Mysql_Jsp_Jstl - Fatal编程技术网

Javascript HTML表格,单独编辑记录

Javascript HTML表格,单独编辑记录,javascript,html,mysql,jsp,jstl,Javascript,Html,Mysql,Jsp,Jstl,我有一个填充了数据库信息的HTML表: <sql:setDataSource var="myDS" driver="com.mysql.jdbc.Driver" url="jdbc:mysql://localhost:3306/base_final" user="root" password="Valeria" /> <sql:query var="listaTrabajadores" d

我有一个填充了数据库信息的HTML表:

    <sql:setDataSource
        var="myDS"
        driver="com.mysql.jdbc.Driver"
        url="jdbc:mysql://localhost:3306/base_final"
        user="root" password="Valeria"
    />

    <sql:query var="listaTrabajadores" dataSource="${myDS}">
        SELECT * FROM trabajador;
    </sql:query>

    <div class="well form-horizontal">
        <table class="table table-responsive">
            <label class="control-label">Lista de trabajadores</label>
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>Tipo de trabajador</th>
                <th>Nombre de Usuario</th>
            </tr>
            <c:forEach var="trabajador" items="${listaTrabajadores.rows}">
                <tr class="table-row"data-href="http://tutorialsplane.com">
                    <td style="cursor: pointer; color: blue;"><c:out value="${trabajador.id_trabajador}" /></td>
                    <td style="cursor: pointer; color: blue;"><c:out value="${trabajador.nombre}" /></td>
                    <td style="cursor: pointer; color: blue;"><c:out value="${trabajador.tipo_trabajador}" /></td>
                    <td style="cursor: pointer; color: blue;"><c:out value="${trabajador.usuario}" /></td>
                </tr>
            </c:forEach>
        </table>
    </div>
现在,我想要的是:当单击一行时,它将重定向到另一个页面来编辑该记录

我的问题基本上是如何使用JSP/servlet将trabajador的ID传递到另一个页面

另外,JSP如何区分所有

${trabajador.id_trabajador}

我的意思是,同一个值名如何识别不同的值

因此,我想假设我需要一个调用Get方法的Javascript函数,我已经有了一个使行可点击的函数:

<script type="text/javascript">
$(document).ready(function($) {
    $(".table-row").click(function() {
        window.document.location = $(this).data("href");
    });
});
</script>   
编辑记录本身不是一个问题,我已经有了必要的代码来做这件事,同样,我只需要将该ID传递给控制器


提前感谢。

传递id的最佳选项是添加带有编辑链接的新列

    <tr class="table-row"data-href="http://tutorialsplane.com">
    <td style="cursor: pointer; color: blue;"><c:out value="${trabajador.id_trabajador}" /></td>
    .........whatever..........
    <td ><a class="tbl-row-edit" data-id="put unique id here">Edit</a></td>
    </tr>
然后在jquery中

<script type="text/javascript">
$(document).ready(function($) {
    $(".tbl-row-edit").click(function() {
        window.location.href = "http://domain/edit.jsp?unique_id="+$(this).attr("data-id");
    });
});
</script>