将值从Django模板传递到javascript-ajax函数

Question

现在我的模板显示一个表格，每行都有一个链接，以显示更多详细信息。每行传递唯一的column_name，db_name，schema_name，tablenm组合以获取更多详细信息。

<td>
    <a href="{% url 'moreDetails' column_name=row.colname db_name=row.dbname schema_name=row.schemaname table_name=row.tablenm %} " target="_blank">
        Values
    </a>
</td>

上面的代码有效，但是为结果集打开一个新窗口。但是，我想通过javascript（Jquery-django）路由它，并用Javascript捕获结果，并将结果显示为javascript消息，而无需刷新整个页面。

如何在单击事件中将值（column_name，db_name，schema_name，tablenm）传递到Java脚本

我尝试用按钮替换href并为其设置值

<td>
    <input type="button" value={% row.colname |","| row.dbname |","| row.schemaname |","| row.tablenm %} class="apireq" />
<td>

但似乎不起作用。我对此表示欢迎。在此先感谢

Answer 1

为什么不将它们设置为数据属性？

<input type="button" class="apireq" 
       data-colname="{{row.colname}}"
       data-dbname="{{row.dbname}}"
       data-schemaname="{{row.schemaname}}"
       data-tablenm="{{row.tablenm}}"
/>

然后，在单击事件处理程序中，您将引用生成事件的按钮，只需读取其属性即可。而且它们已经解析完毕，因此也不必担心。