Получение параметров неправильным числом

Question

Невозможно передать переменную javascript в http get request. Вот блок кода, который принимает значение выбора тега и передает его в запрос в 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, однако, я вижу, что мое значение изменилось в консоли. 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. Звонки tokenInput с адресом "/items/" + mktuClassID где 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.

Если вы хотите позвонить tokenInput в первый раз, что #mktu_class изменения затем связать обработчик изменения с 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' 
     }) 

Эта версия будет называть tokenInput только в первый раз #mktu_class изменилось.