Javascript 为什么我不能将此变量中的值添加到表中？

我试图将一个变量（键）添加到一个字符串（table_data）中，并在创建一个表时使用它，我的问题是，当我试图将它连接到一个字符串中时，它给出的是变量名，而不是值。当我自己打印变量时，我得到了值。当我尝试打开带有此表的页面时，我收到错误“无法解析其余部分：'\'webapp-graphv2\''+'key+'来自'\'webapp-graphv2\''+'key+'。我真的很难弄明白这一点，希望能得到一些帮助

function populateTable(){
$.ajax({
  method: "GET",
  url: endpoint,
  success: function(data){
    console.log(data)
    $("#stats tr").remove();
    var table_data ='';


    for (var key in data){
      table_data += '<td><a href = "{% url \'webapp-graphv2\' '+key+'%}">Link</a></td>';
      table_data += '<td>' +key+ '</td>'
      table_data += '<td>' +data[key].EUR.PRICE+ '</td>';
      table_data += '<td>' +data[key].EUR.HIGHDAY+ '</td>';
      table_data += '<td>' +data[key].EUR.LOWDAY+ '</td>';
      table_data += '<td>' +data[key].EUR.MKTCAP+ '</td>';

      if (data[key].EUR.CHANGEPCT24HOUR[0] == '-') {
        table_data += '<td style = "color:red">' +data[key].EUR.CHANGEPCT24HOUR+ '</td>';
      } else {
        table_data += '<td style = "color:green">' +data[key].EUR.CHANGEPCT24HOUR+ '</td>';
      }
      table_data += '</tr>';
    }
    $('#stats').append(table_data);
    },
  })
  setTimeout(populateTable,1000);
}

函数populateTable（）{
$.ajax({
方法：“获取”，
url:endpoint，
成功：功能（数据）{
console.log（数据）
$（“#stats tr”）.remove（）；
var表_数据=“”；
for（var输入数据）{
表_数据+=''；
表_数据+=''+键+''
表_data+=''+数据[键].欧元价格+''；
表_data+=''数据[key].EUR.HIGHDAY+''；
表_data+=''数据[key].EUR.LOWDAY+''；
表_data+=''+数据[key].EUR.MKTCAP+''；
如果（数据[key].EUR.changepct24小时[0]='-'）{
表_data+=''+数据[键].EUR.changepct24小时+''；
}否则{
表_data+=''+数据[键].EUR.changepct24小时+''；
}
表_数据+=''；
}
$（'#stats'）。追加（表#数据）；
},
})
设置超时（可填充，1000）；
}

您可以这样写

table_data += "<td><a href = '{% url\\webapp-graphv2\\" + key + "%}'>Link</a</td>";

table_data+=“Link您编写如下

table_data += "<td><a href = '{% url\\webapp-graphv2\\" + key + "%}'>Link</a</td>";

表_数据+=”链接