javascript - 是否可以在启动或每个 Action 时将变量传递给 jquery？

Question

我是 jquery 的 super 新手，只是浅尝辄止，如果这是一个非常基本的问题，我很抱歉，但我的网站上有一个按钮，一旦点击它就会向我的服务器发布一些数据，我想知道如何为 jquery 提供我想要发布的数据。我制作了 jquery 无刷新表单，但他们要求用户输入我发布的内容，但现在我想发送一些未输入或网页上不可用的数据。

在我的网站上，如果您想“关注”某个主题，可以点击一个按钮。如果您关注一个主题，我需要将一个 topic_id 和您的用户 ID 发送到我的服务器以启动该过程，但我认为将其放在我的网页上以供 jquery 捕获会让用户感到困惑(如果我无法传递我计划的变量执行此方法但隐藏字段)。 userid/topicid 可用于我的模板引擎，但我不确定如何将数据传递给脚本。

这是我的脚本示例HTML:

<input type='button' value='Follow' id='btnFollow'>

跟随.js:

$(document).ready(function () {
    $('#btnFollow').click(function() {
        //$("#btnFollow").prop('value', 'Following');
        if ($(this).val() == 'Follow') {
            $("#btnFollow").prop('value', 'Following')      
        } else if ($(this).val() == 'Following') {
            $("#btnFollow").prop('value', 'Follow') 
            $.ajax({
                type: 'POST',
                url: '/follow_modification',
                async: true,
                data: {
                    fe1: "test"
                },
                complete: function(xmlRequestObject, successString){
                    ymmReceiveAjaxResponse(xmlRequestObject, successString);
                }
            });
        }
    })
});

如何从 html 中获取函数信息？到目前为止，我所有的 javascript 都是通过点击触发的，然后从页面中获取数据。如果我的模板中有一个名为 {{ user_id }} 的变量，我该如何将其传递给脚本，以便当点击触发操作时它会有发布所需的数据吗？

Answer 1

<input type="button" value="Follow" id="btnFollow" data-topic="topicid" />

$('#btnFollow').click(function() {
    var topic_id = $(this).attr('data-topic');
    alert(topic_id);
});