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

【问题标题】：send data from java to javascript page into a href function将数据从 java 发送到 javascript 页面到 href 函数中
【发布时间】：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 你能举个例子吗

标签： javascript java href struts

【解决方案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。

【讨论】：