如何使用EJS模板引擎将variables传递给内联javascript?

我从一个名为.EJS模板中的项目的数组中创build了button/文本的html列表。 如何将特定项目的id(item.id)传递给button的函数,以便将正确的数据发送给我的api? 谢谢。

<!DOCTYPE html> <html lang="en"> <head> <title>Menu</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript"> function print(id) { $.ajax({ url: "https://www.example.com/api/1/print", type: "POST", data: { "item_id": id }, dataType: "json", success: function (result) { alert(result); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); } }); }; </script> </head> <body> <h2>Menu</h2> <ul> <% for(item of items) { %> <li> <button onclick="print(item.id)">PRINT</button> <%= item.name %> - <%= item.id %> </li> <% } %> </ul> </body> </html> 

 <button onclick="print('<%= item.id %>')">PRINT</button> 

是你如何使用我用过的每种模板语言来完成的。 看完文档后,看起来EJS是一样的