javascript - 使用 jQuery/Rails 更改功能的 AJAX 请求

Question

当选择的输入值发生变化时，我正在尝试获取部分 rails 。目标是使用位于部分中的选项填充空选择输入。

现在，控制台显示 GET http://localhost:3000/occupation 404 (Not Found)

HTML

<select class="occupation-primary">
    <option value="1">Occupation 1</option>
    <option value="2">Occupation 2</option>
</select>

<select id="occupation-secondary">

</select>

JS

$('.occupation-primary').change(function() {
    $.ajax({
        url: "occupation",
        type: "GET",
    })
});

questionnaires_controller.rb

def occupation
    respond_to do |format|
        format.js
    end
end

问卷/occupation.js.erb

$('#occupation-secondary').html("<%= escape_javascript(render(partial: 'questionnaires/options')).html_safe %>");

问卷/_options.html.erb

<option value="1">Option 1</option>
<option value="2">Option 2</option>

路线.rb

get "questionnaires/occupation" => "questionnaires#occupation", as: :occupation

Answer 1

在您的路由 rb 中更改此设置，以绕过“显示”错误:

get "questionnaire/occupation" => "questionnaires#occupation", as: :occupation #skip the 's'

没有“s”它也能工作

http://localhost:3000/questionnaire/occupation

否则，如果您正在使用

resources :questionnaires 

在路由rb中，你需要说:except => :show

resources :questionnaires, :except => :show

不要忘记将 ajax 调用中的 url 更改为“questionnaire/occupation”或“questionnaires/occupation”，具体取决于您选择的操作。