获取参数错误的数字

Question

无法将 javascript 变量传递给 http 获取请求。以下是获取 select 标签值并将其传递给 coffeescript 中的请求的代码块：

jQuery(document).ready ->
    mktuClassID = $("#mktu_class").val();

    $("#mktu_class").change getClassID = ->
        mktuClassID = $(this).val()

    $("#registration_application_items").tokenInput("/items/" + mktuClassID, {
        crossDomain: false,
        prePopulate: $("#registration_application_items").data("pre"),
        preventDuplicates: true,
        theme: "facebook"
    })

它总是在 mktuClassID 变量中发送相同的值，但是，我看到我的值在 console.log() 中发生了变化，但它总是在 tokenInput 方法中传递相同的值。 这是日志：

Processing by MktuItemsController#token_inputs as JSON
Parameters: {"q"=>"2", "class_id"=>"3"}
MktuItem Load (0.7ms)  SELECT "mktu_items".* FROM "mktu_items" WHERE (name like '%2%' AND mktu_class_id = '3')

请帮助我，我应该如何重新排列我的代码以使其正常工作？

Answer 1

您的 ready 处理程序做了三件事：

1. 获取#mktu_class 的当前值并将其存储在mktuClassID 中。
2. 将更改处理程序绑定到#mktu_class，将其值存储在mktuClassID 中。
3. 使用 URL 为 "/items/" + mktuClassID 调用 tokenInput，其中 mktuClassID 是 (1) 中的值。

结果是您在#mktu_class 上的更改处理程序没有做任何有用的事情，对#mktu_class 的任何更改都将被忽略（好吧，它们最终会出现在mktuClassID 但不会看到mktuClassID所以效果是一样的）。也许您的缩进已关闭，您真的希望 /items 调用位于更改处理程序中：

jQuery(document).ready ->
    mktuClassID = $("#mktu_class").val();

    $("#mktu_class").change getClassID = ->
        mktuClassID = $(this).val()
        $("#registration_application_items").tokenInput("/items/" + mktuClassID, {
            crossDomain: false,
            prePopulate: $("#registration_application_items").data("pre"),
            preventDuplicates: true,
            theme: "facebook"
        })

如果是这样，那么完全取消 mktuClassID 并添加一个 $('#mktu_class').change() 调用来初始化事物：

jQuery(document).ready ->
    $('#mktu_class').change ->
        mktuClassID = $(this).val()
        $('#registration_application_items').tokenInput('/items/' + encodeURIComponent(mktuClassID), {
            crossDomain: false,
            prePopulate: $('#registration_application_items').data('pre'),
            preventDuplicates: true,
            theme: 'facebook'
        })
    $('#mktu_class').change();

当你把 mktuClassID 放在 URL 中时，你真的应该很偏执并编码它，所以我也添加了一个 encodeURIComponent 调用。

如果您只想在#mktu_class 第一次更改时调用tokenInput，则将更改处理程序与one 绑定：

jQuery(document).ready ->
    $('#mktu_class').one 'change', ->
        mktuClassID = $(this).val()
        $('#registration_application_items').tokenInput('/items/' + encodeURIComponent(mktuClassID), {
            crossDomain: false,
            prePopulate: $('#registration_application_items').data('pre'),
            preventDuplicates: true,
            theme: 'facebook'
        })

该版本只会在#mktu_class 首次更改时调用tokenInput。