javascript - 动态插入的 javascript 函数 arg 因字符串值而失败，但适用于数字参数

Question

我需要使用 jquery 和 javascript 将一些 html + 内联 javascript 动态插入到页面中。在我插入的标记+代码中，我尝试添加通过 ajax 调用收到的值作为内联函数的参数。

如果 key 是字符串，则以下操作将失败:

$.each(data.report, function(key, val) {
  // ...    
  html_to_return = "<button onclick='submit_query(" + key + ")'>Submit</button>";
}

显示消息:找不到变量:ACTUALVALUEOFKEY。

但是，如果我将 key 设置为数字，则以下内容有效:

var key = 0;
html_to_return = "<button onclick='submit_query(" + key + ")'>Submit</button>";
// elsewhere:
function submit_query(id_key) {
  console.log("value of id_key: " + id_key);
}

它成功地将 0 记录到控制台。

我如何完成我上面想做的事情？感谢您的帮助。

Answer 1

您需要引用内容。

$.each(data.report, function(key, val) {
    // ...    
    html_to_return = "<button onclick='submit_query(\"" + key + "\")'>Submit</button>";
}