获取参数错误编号

Question

无法将 javascript 变量传递给 http get 请求。这是获取 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 时，您确实应该保持偏执并对其进行编码，因此我添加了 <一个href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/encodeURIComponent" rel="nofollow">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。