参数列表javascript错误后未捕获到的SyntaxError：缺少）

Question

我有以下JavaScript代码：

 var table = "<tr>" +
    "<td style='width:48%' class='ads-details-td'><div>" +
    "<p><strong> <a href='#' onclick='showServiceInfo(" + data.services[i].service_name + ")'"+ data.services[i].service_name + "</a> </strong></p>" +
    "</div></td>" +
    "<td style='width:16%' class='price-td'><div><strong> <input type='number' min='1' value='1' id='serviceQuantity"+data.services[i].service_identification+"' onchange='computePrice("+ data.services[i].service_identification+")' ></strong></div></td>" +
     "<td style='width:16%' class='price-td'><div><strong><p id='servicePrice"+data.services[i].service_identification+"'>"+data.services[i].service_price+"</p> </div></td>" +
      "<td style='width:10%' class='action-td'><div>" + 
        "<p> <a class='btn btn-primary'> <i class='fa fa-shopping-cart'></i> Add </a></p>" +
        "</div></td>"

我的javascript函数是

function showServiceInfo(x)
{
    alert(x)
    console.log(x)
}

这里

data.services[i].service_name

是我从ajax请求中获取的变量。 我无法理解我错过或添加的额外内容)

Answer 1

您不会缺少) ，但是，缺少链接的> 。 您还缺少在函数中放入变量的引号，并且如果值data.services[i].service_name是不是变量名称的字符串，这也会导致错误，因为该变量未定义。

"<a href='#' onclick='showServiceInfo(" + data.services[i].service_name + ")'"+ data.services[i].service_name + "</a>"

应该

"<a href='#' onclick='showServiceInfo(\"" + data.services[i].service_name + "\")'>"+ data.services[i].service_name + "</a>"