Javascript href 不正确匹配

Question

在我的网络应用程序中，我有各种 .jspx页面，在其中一个中，我想通过 javascript 动态地组合它.

我想用 data 创建一个表元素，每个数据元素都有一个 index .

我编写了一个名为 url 的变量，其中包含元素的路径和 ID:
var url = "${downloaHistodyUrl}"+data[index].id;

我的问题是 url 设置正确(我使用警报来调试它)。但是，当我点击:<a href>元素我有“url”世界，而不是变量的值，我的路径是:"/mypath/"+url+。

代码:

$('#modal_history_${doc.id}').on('show.bs.modal', function(e) {
     $.getJSON('${historyUrl}', function(data) {
        var html='<table class="table table-hover"><tr><th>Versione</th><th>Nome</th><th>PDF</th><th>Motivazione</th></tr>';
        $.each(data, function(index) {
            html = html+"<tr><td>"+data[index].versione+"</td>";
            if(data[index].fileName != null){
                var url = "${downloaHistodyUrl}"+data[index].id;
                alert(url);
                html = html+'<td>'+data[index].fileName+'</td><td><a href='+url+' ><span class="fa fa-download"> Download</span></a></td>';
            }else{
                html = html+"<td></td>";
            }
            if(data[index].motivazione == "" || data[index].motivazione == null){
                html = html+"<td></td>";
            }else{
                html = html+"<td>"+data[index].motivazione+"</td>";
            }
            html = html+'</tr>';
        });
        html = html+'</table>';
        $('#content_modal_history_${doc.id}').append(html);
     })
});

我不明白为什么..谁能帮帮我？

Answer 1

您缺少 href 属性上的双引号。你有 <a href=myurl虽然它需要是 <a href="myurl"

此外，请仔细检查您在添加 url 时是否确实使用了单引号到字符串而不是双引号。如果你做了这样的事情，它就会导致你所描述的问题:

html = '<a href="+url+">click me</a>'

您的代码应如下所示:

html = html+'<td>'+data[index].fileName+'</td><td><a href="'+url+'"><span class="fa fa-download"> Download</span></a></td>';