将值从 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}}"
/>

然后在您的单击事件处理程序中，您将获得对生成事件的按钮的引用，您所需要做的就是从中读取属性。而且它们已经被解析出来了，所以也不用担心。