首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >简单的Rails AJAX调用不会作为JS处理

简单的Rails AJAX调用不会作为JS处理
EN

Stack Overflow用户
提问于 2012-03-12 20:22:54
回答 2查看 1.3K关注 0票数 0

为什么带有HTML data-remote="true“的表单会在服务器端作为HTML处理?

我的index.html.erb文件中只有一个简单的表过滤器:

代码语言:javascript
运行
复制
 <%= form_tag('by_subject', :remote => true,  :method => "get" ) do  %>
<%= select_tag( "subject_id", options_for_select(Subject.all.collect {|p| [ p.name, p.id ] })) %>
    <%= submit_tag "Search" %>
 <% end %>

数据远程HTML似乎就在那里:

代码语言:javascript
运行
复制
<form accept-charset="UTF-8" action="by_subject" data-remote="true" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
<select id="subject_id" name="subject_id">
        <option value="1">Art</option>
        <option value="2">Business &amp; Tech</option>
        <option value="15">undefined</option>
        <option value="16">Music</option></select>
     <input name="commit" type="submit" value="Search" />
 </form>

但是我的控制器动作

代码语言:javascript
运行
复制
def by_subject
@courses = Course.where(:subject_id => params[:subject_id])
respond_to do |format|
  format.html { raise "It rendered HTML again."  }
  format.js   { raise "Ah, it wants to render Javascript."  }
  format.json { render json: @courses }
end

收益率

代码语言:javascript
运行
复制
It rendered HTML again.

...

Request

Parameters:

{"utf8"=>"✓",
 "subject_id"=>"16",
 "commit"=>"Search"}

每次都是这样。我试过各种花招。

谢谢!

和env转储:

代码语言:javascript
运行
复制
GATEWAY_INTERFACE: "CGI/1.2"
HTTP_ACCEPT: "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8"
HTTP_ACCEPT_ENCODING: "gzip, deflate"
HTTP_ACCEPT_LANGUAGE: "en-us,en;q=0.5"
REMOTE_ADDR: "127.0.0.1"
SERVER_NAME: "localhost"
SERVER_PROTOCOL: "HTTP/1.1"

好的,我收到了Rack @env的几页。不确定需要多少。整件事都在这里,gist

代码语言:javascript
运行
复制
#<Rack::Request:0x4396260 @env={"SERVER_SOFTWARE"=>"thin 1.3.1 codename Triple Espresso", 
"SERVER_NAME"=>"localhost", "rack.input"=>#<StringIO:0x459f720>, "rack.version"=>[1, 0], "rack.errors"=>#<IO:<STDERR>>, 
"rack.multithread"=>false, "rack.multiprocess"=>false, "rack.run_once"=>false, 
"REQUEST_METHOD"=>"GET", 
"REQUEST_PATH"=>"/courses/by_subject", 
"PATH_INFO"=>"/courses/by_subject", 
"QUERY_STRING"=>"utf8=%E2%9C%93&subject_id=16&commit=Search", 
"REQUEST_URI"=>"/courses/by_subject?utf8=%E2%9C%93&subject_id=16&commit=Search", 
"HTTP_VERSION"=>"HTTP/1.1", 
"HTTP_HOST"=>"localhost:3000", 
"HTTP_USER_AGENT"=>"Mozilla/5.0 (Windows NT 6.0; rv:10.0.2) Gecko/20100101 Firefox/10.0.2", 
"HTTP_ACCEPT"=>"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8", 
"HTTP_ACCEPT_LANGUAGE"=>"en-us,en;q=0.5", 
"HTTP_ACCEPT_ENCODING"=>"gzip, deflate", 
"HTTP_CONNECTION"=>"keep-alive", 
"HTTP_REFERER"=>"http://localhost:3000/courses", 
"HTTP_COOKIE"=>"__utma=111872281.1794585154.1323696638.1326994528.1326997977.9; __utmz=111872281.1323696638.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none); _creditflex_session=BAh7B0kiD3Nlc3Npb25faWQGOgZFRkkiJWZhNDZhZmMyZDU4OTczMGM0NDNmMDBiMjhiMzc3YzNlBjsAVEkiEF9jc3JmX3Rva2VuBjsARkkiMTFhaFNlRUcyTmErSWZDQWtQdmF5WEg2L3RRNG00Q2tBRVZBUDJCdlZ0RWM9BjsARg%3D%3D--ec4ddf8986b88c6aae5429305fbf735527770d95", 
"GATEWAY_INTERFACE"=>"CGI/1.2", "SERVER_PORT"=>"3000", 
"SERVER_PROTOCOL"=>"HTTP/1.1", "rack.url_scheme"=>"http", 
"SCRIPT_NAME"=>"", "REMOTE_ADDR"=>"127.0.0.1", 
"async.callback"=>#<Method: Thin::Connection#post_process>, "async.close"=>#<EventMachine::DefaultDeferrable:0x45ab6f0>, 
"ORIGINAL_FULLPATH"=>"/courses/by_subject?utf8=%E2%9C%93&subject_id=16&commit=Search", 
"action_dispatch.routes"=>#<ActionDispatch::Routing::RouteSet:0x4893330 @named_routes=#<ActionDispatch::Routing::RouteSet::NamedRouteCollection:0x4893318 
@routes={:ckeditor=>#<Journey::Route:0x40b8490 @name="ckeditor", @app=Ckeditor::Engine, @path=#<Journey::Path::Pattern:0x40b8f58 @anchored=false, @spec=/ckeditor, @requirements={}, @separators="/.?", @names=[], @optional_names=nil, @required_names=nil, @re=/\A\/ckeditor/>, @verb=//, @ip=//, @constraints={}, @defaults={}, @required_defaults=nil, @required_parts=nil, @parts=[], @decorated_ast=nil, @precedence=1>, 
:response=>#<Journey::Route:0x4a74d10 @name="response", @app=#<ActionDispatch::Routing::RouteSet::Dispatcher:0x45fa8d8 @defaults={:action=>"new", :controller=>"responses"}, @glob_param=nil, @controllers={}>, @path=#<Journey::Path::Pattern:0x45fa098 @anchored=true, @spec=/responses/:id(.:format),

....

:by_subject_courses=>#<Journey::Route:0x5535e40 @name="by_subject_courses", @app=#<ActionDispatch::Routing::RouteSet::Dispatcher:0x5537580 @defaults={:action=>"by_subject", :controller=>"courses"}, @glob_param=nil, @controllers={"courses"=>#<ActiveSupport::Dependencies::ClassCache:0x3cc3fd8 @store={"CoursesController"=>CoursesController, "Subject"=>Subject(id: integer, name: string, created_at: datetime, updated_at: datetime, course_id: integer)}>}>, 
@path=#<Journey::Path::Pattern:0x5537388 @anchored=true, @spec=/courses/by_subject(.:format), @requirements={}, @separators="/.?", @names=["format"], @optional_names=nil, @required_names=nil, @re=/\A\/courses\/by_subject(?:\.([^\/.?]+))?\Z/>, @verb=/^GET$/, @ip=//, @constraints={:request_method=>/^GET$/}, @defaults={:action=>"by_subject", :controller=>"courses"}, @required_defaults=nil, @required_parts=nil, @parts=[:format], @decorated_ast=/courses/by_subject(.:format), @precedence=116>, 
:courses=>#<Journey::Route:0x553a028 @name="courses", @app=#<ActionDispatch::Routing::RouteSet::Dispatcher:0x553b270 @defaults={:action=>"index", :controller=>"courses"}, @glob_param=nil, @controllers={"courses"=>#<ActiveSupport::Dependencies::ClassCache:0x3cc3fd8 @store={"CoursesController"=>CoursesController, "Subject"=>Subject(id: integer, name: string, created_at: datetime, updated_at: datetime, course_id: integer)}>}>, 
@path=#<Journey::Path::Pattern:0x553b078 @anchored=true, @spec=/courses(.:format), @requirements={}, @separators="/.?", @names=["format"], @optional_names=nil, @required_names=nil, @re=/\A\/courses(?:\.([^\/.?]+))?\Z/>, @verb=/^GET$/, @ip=//, @constraints={:request_method=>/^GET$/}, @defaults={:action=>"index", :controller=>"courses"}, @required_defaults=nil, @required_parts=nil, @parts=[:format], @decorated_ast=/courses(.:format), @precedence=117>, ...

……

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-03-14 08:04:49

因此,尽管如此,1)一个愚蠢的拼写错误和2)我想我还不了解资产管道。

我以为我的javascript已经被覆盖了3-4倍。也就是说,应用程序布局具有

代码语言:javascript
运行
复制
   '<%= javascript_include_tag :defaults %>'
   '<%= javascript_include_tag "application" %>'

layouts/courses.html也是如此

但事实并非如此,这正是它所需要的。我遗漏了=

代码语言:javascript
运行
复制
<%= javascript_include_tag "application" %>

不知道是怎么回事:默认设置

我还认为,如果脚本在assets/application.js中,那么它也应该在我的应用程序中。不是这样的。

我很抱歉为这么简单的错误花了这么多人的时间。

我确实学到了很多关于调试AJAX的知识。非常感谢所有帮助我们的人。(此处和vi irc)

票数 0
EN

Stack Overflow用户

发布于 2012-03-14 02:56:16

我的猜测是jquery (默认JS框架) $.ajax函数的dataType没有设置或设置不正确。当未设置dataType时,jQuery docs会说:

如果没有指定,jQuery将尝试根据响应的MIME类型推断它( XML类型将生成XML,在1.4JSON中将生成JavaScript对象,在1.4JSON中脚本将执行脚本,其他任何内容都将作为字符串返回)。

我认为这是与jquery-ujs (rails附带的低调javascript )相关的部分:https://github.com/rails/jquery-ujs/blob/6186a854e9cd291045da3c98c31fb32ff2cf0aa6/src/rails.js#L97

line 106上,它有:

代码语言:javascript
运行
复制
dataType = element.data('type') || ($.ajaxSettings && $.ajaxSettings.dataType)

我不知道其中是否有js或jquery-ujs中的其他地方设置的。我还突出显示了上面的第97行,因为它说:

代码语言:javascript
运行
复制
// Default ajax function, may be overridden with custom function in $.rails.ajax
ajax: function(options) {
  return $.ajax(options);
},

因此,我不确定哪种方法是尝试设置dataType的最佳方法;这可能取决于您是否希望所有ajax请求都是一个特定的dataType。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9666929

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档