带有jQuery / Rails的AJAX更改功能请求

m

当输入选择值更改时,我试图将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",
    })
});

surveys_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 %>");

surveys / _options.html.erb

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

routes.rb

get "questionnaires/occupation" => "questionnaires#occupation", as: :occupation
红宝石赛车

在您的路线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更改为“问卷/职业”或“问卷/职业”,具体取决于您选择执行的操作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有jQuery / Rails的AJAX更改功能请求

来自分类Dev

带有Web API的Ajax Jquery请求

来自分类Dev

带有AJAX请求的JSON的jQuery Progressbar

来自分类Dev

带有JQUERY的AJAX POST请求

来自分类Dev

带有jQuery Promise的链式ajax请求

来自分类Dev

带有jsonp的jQuery Ajax

来自分类Dev

jQuery Ajax POST请求在Rails中带有参数(Ruby on Rails)

来自分类Dev

带有特殊字符的JQuery AJAX POST请求

来自分类Dev

如何从jQuery发送带有AJAX请求的令牌

来自分类Dev

jQuery AJAX创建带有父子功能的select

来自分类Dev

带有隐藏/显示功能的 jquery 屏幕

来自分类Dev

带有ajax和jquery noty插件的Rails Flash消息

来自分类Dev

带有更改 javascript/JQuery 的 onclick

来自分类Dev

jQuery,带有URL数组的$ .ajax

来自分类Dev

带有间隔的jQuery AJAX

来自分类Dev

用ajax创建的带有jquery的元素

来自分类Dev

带有间隔的jQuery AJAX

来自分类Dev

带有jQuery的Ajax更新元素

来自分类Dev

带有jquery和XML的AJAX

来自分类Dev

带有ID的jQuery ajax上传文件

来自分类Dev

带有 symfony3 的 Ajax Jquery

来自分类Dev

带有 jquery .append 的多个异步 AJAX

来自分类Dev

带有Rails 4的jQuery Datepicker

来自分类Dev

状态更改时发送带有状态数据的ajax请求

来自分类Dev

如何使用Rails发送带有ajax发布请求的表单

来自分类Dev

如何使用Rails发送带有Ajax发布请求的表单

来自分类Dev

使用AJAX的jQuery更改功能

来自分类Dev

带有ajax请求的Hightchart

来自分类Dev

带有Bootstrap的AJAX请求