javascript试图使用onclick将数据从表中的行发送到另一个页面

javascript试图使用onclick将数据从表中的行发送到另一个页面,javascript,html,Javascript,Html,当我点击一个按钮到另一个页面时,Im triyng将数据从表中的行发送到另一个页面 因此,当我单击按钮时,我希望将该行中的数据发送到另一个页面 在该页面中,我希望显示我选择的行 function catalogo() { //debugging para ver se foi pedido com sucesso console.log(' pedido get entrou success'); //create table to hold results var txt = ""; txt

当我点击一个按钮到另一个页面时,Im triyng将数据从表中的行发送到另一个页面

因此,当我单击按钮时,我希望将该行中的数据发送到另一个页面

在该页面中,我希望显示我选择的行

function catalogo() {
//debugging para ver se foi pedido com sucesso
console.log(' pedido get  entrou success');
//create table to hold results
var txt = "";
txt += "<div class='table-responsive'>";
txt += "<table id='tblLivrosCatalogo' class='table table-sm'>";
txt += "<thead color:white '>";
txt += "<tr> <th>#ID</th> <th>Titulo</th> <th>Autor</th> <th>Género</th><th>Ano De Lançamento</th><th>Proprietário</th><th>Disponibilidade</th></tr></thead><tbody>";
//percorrer a variável data e por cada row cria a linha da tabela com os dados presentes
for (var i = 0; i < lista.length; i++) {
    if (lista[i].disp_req == "Disponivel") {
        // console.log(i)
        //aqui os id's são os do mysql
        txt += "<tr><td>" + lista[i].id_livro + "</td><td>" + lista[i].titulo +
            "</td><td>" + lista[i].autor + "</td><td>" + lista[i].genero + "</td><td>" + lista[i].ano_lanc + "</td><td>" + lista[i].user_prop + "</td><td>" + lista[i].disp_req + "</td><td>" + "<a><i onclick ='clickk()' id='icon' class='fas fa-book' data-toggle='tooltip' title='Requisitar Livro'></i></a>" + "</tr>"
    }
    else {
        //aqui os id's são os do mysql
        txt += "<tr><td>" + lista[i].id_livro + "</td><td>" + lista[i].titulo +
            "</td><td>" + lista[i].autor + "</td><td>" + lista[i].genero + "</td><td>" + lista[i].ano_lanc + "</td><td>" + lista[i].user_prop + "</td><td>" + lista[i].disp_req + "</td></tr>"
    }
}
txt += "</tbody></table></div>";
// send the table constructed for the view and show the result ( txt) in the object with ID result
$("#tablecatalogo").html(txt);
函数catalogo(){
//调试para ver se foi pedido com成功
log('pedido get entrou success');
//创建表格以保存结果
var txt=“”;
txt+=”;
txt+=”;

txt+=“使用Jquery,您只需添加一个函数即可实现此目的:

function clickk(element) {
  var rowData = $(this).parent().children("td").map(function() {
        return $(this).text();
    }).get();
  // pass to another page
  window.location = '/page.html?params=' + JSON.stringify(rowData);
}
你的HTML

...
<a onclick='clickk(this)'><i id='icon' class='fas fa-book' data-toggle='tooltip' title='Requisitar Livro'></i></a>
...
。。。
...

现在,您将通过
GET
方法接收参数。

im使用nodejs,因此在窗口中。位置我需要放置所需页面的根。单击右侧按钮是否可以仅发送表行中的值?这很糟糕,我无法将html页面打印到此处。。。