将数据从 java 发送到 javascript 页面到 href 函数中

Posted 2023-03-05

【中文标题】将数据从 java 发送到 javascript 页面到 href 函数中

【英文标题】：send data from java to javascript page into a href function

【发布时间】：2020-10-20 01:34:42

【问题描述】：

我想将变量发送到 onclick 函数中，但我没有成功获得合适的代码。 这是java代码：

for (int i = 0; i < projetList.size(); i++)  
    contenuTablehtml.append("<tr>");
    contenuTableHTML.append("<td class='width1'><div class='coupe'>" + projetList.get(i).getProjectAbr() + "</div></td>");
    contenuTableHTML.append("<td class='width3'><div class='coupe'>" + projetList.get(i).getProjectTkt() + "</div></td>");
    List<String> objList = projetList.get(i).getObjectList();
    contenuTableHTML.append("<div id='objList' name='objList' value='objList'>");
    contenuTableHTML.append("<td class='width3'><div class='coupe'> <a href='#' **onclick='popupFunction(objList)**'>" + projetList.get(i).getObjectList().size() + "</div></td>");            
    contenuTableHTML.append("</div>");
    contenuTableHTML.append("<td class='tableTicketsSummaryTd width3'><div class='coupe'>" + projetList.get(i).getProjectDomain() + "</div></td>");
    contenuTableHTML.append("</tr>");

如下javascript代码：

function popupFunction(obj) 
    objList = document.getElementById(obj);
    console.log("objList ",objList);
    console.log("obj: ", obj);

    var w = window.open("", "", "width=600,height=300");
    w.document.write(obj);
    w.document.close();
    w.focus();

我总是将 objList 和 obj 设为 null。

【问题讨论】：

你需要了解AJAX

@Antaaaa 你能举个例子吗

【参考方案1】：

html 中的 onclick 模板应该是动态的，以便将实际参数 (objList) 发送到 javascript 函数。

通过添加 (template literal) and accessing dynamic elements using $element inside the template literal``，您可以在创建HTML时使用template literals或dynamic strings：

 contenuTableHTML.append(`<div id=$objList name=$objList value=$[objList>`);
 contenuTableHTML.append(`<td class='width3'><div class='coupe'> <a href='#' onclick='popupFunction($objList)'>` + projetList.get(i).getObjectList().size() + "</div></td>");  

这将允许您在 javascript 函数中访问 objList 和 obj。