尝试传递数组参数以创建动态URL

时间:2018-08-07 19:47:38

标签: javascript variables url dynamic-url

我试图在表中添加一列,该列中有一个鼠标悬停图标,并显示它链接到的记录页面的预览缩略图。

到目前为止,我在鼠标悬停时可以看到缩略图的外观,还可以看到其他字段。不幸的是,我只能使其与静态URL一起使用。 一旦我尝试向URL中添加变量,我的整个表格就不再显示。

这是现在的代码,具有静态URL。

function makeArray(arr) {
var array = [];
for(var i = 0; i < arr.length; i++){
    var row = { date:'', view:'', name:'', comment:'', createdAt:'', updatedAt:'',reportId:''};

    row.date = new Date(arr[i].date).toLocaleDateString();
    row.view = '<a class="tiptext">view<iframe class="description" src="http://myurl.com/report.html?62"></iframe></a>';
    row.name = arr[i].name;
    row.comment = arr[i].comment;
    row.createdAt = arr[i][36];
    row.updatedAt = arr[i].updatedAt;
    row.reportId = arr[i].reportId;
    array.push(row);
}
showDataTable(array);

我想做的是使用每个记录的reportId并将其插入URL而不是62,而不是链接到(在这种情况下)记录62。

我试图找到一个解决方案已经很多了,但是我似乎找不到它。 你们知道如何解决这个问题吗?

谢谢

1 个答案:

答案 0 :(得分:0)

请尝试以下一项:

 row.view = `<a class="tiptext">view<iframe class="description" src="myurl.com/report.html?${arr[i].reportId}"></iframe></a>`;