javascript - 从 Ajax 调用时如何在 anchor 标记中为 onClick() 指定多个参数？

Question

我有以下功能，

function generateEmail(caseNumber, customerCareEmailAddress) {
     var emailAddress = customerCareEmailAddress;
         window.location = "mailto:" + emailAddress + 
                           "?subject=Customer Care Case Reference %23: " +
                           caseNumber;
}

我就是这么调用它的，

 columns: [
            {
                data: null,
                orderable: false,
                render: function (data, type, row) {
                    return '<a href="#" id="' + 
                           row.customer_care_case_id + 
                           '" class="email icon" onClick="generateEmail(' +
                            row.case_reference_number + ',' +
                            row.customer_care_email +')">
                            <span class="glyphicon glyphicon-envelope"
                                      style="color:black" ></span></a>';
                }
            }

但是，我不断收到以下错误，

Uncaught ReferenceError :sranade@abc.com 未定义
在 HTMLAnchorElement.onclick 处，其中 sranade@abc.com 是第二个参数。

我在语法上做错了什么吗？

Answer 1

您需要将值括在引号中，它将您的字符串视为变量。

'<a ... onClick="generateEmail(' + row.case_reference_number + ',\'' + row.customer_care_email + '\')" .../>'

或者，使用 template string :

`<a ... onClick="generateEmail(${row.case_reference_number}, ${row.customer_care_email})" .../>`