blocks|key|1190267|text|在rails+3中没有remote_function。如果你使用jQuery，你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1190268|$.ajax({
++++type:+'POST',
++++url:+'http://your_url/blah',
++++data:+'param1=value1&params2=value2',
++++success:+function(data){eval(data);}
});|code-block|syntax|javascript|1190269|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

There is no remote_function in rails 3. If you're using jQuery, you can do something like this:

<pre><code>$.ajax({
 type: 'POST',
 url: 'http://your_url/blah',
 data: 'param1=value1&amp;params2=value2',
 success: function(data){eval(data);}
});
</code></pre>

blocks|key|1190339|text|下面是我的haml视图中的简单jQuery片段|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1190340|:javascript

++++$("#select_box_id").change(function()+{
++++++$.post('#{target_url}?param_one='%2B$(this).val());
++++});|code-block|syntax|javascript|1190341|希望这能有所帮助。谢谢..|1190342|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Following is the simple jQuery snippet from my haml view

<pre><code>:javascript

 $("#select_box_id").change(function() {
 $.post('#{target_url}?param_one='+$(this).val());
 });
</code></pre>

Hope this helps.
Thanks..

blocks|key|976171|text|正如谢尔盖所说:在Rails3中没有remote_function。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976172|解决方案是不引人注意地添加onchange处理程序，如下所示：|976173|$(function($)+{
++++$("#selector_for_element").change(function()+{
++++++++$.ajax({url:+'<%25=+url_for+:action+=>+'action_name',+:id+=>+@model.id+%25>',
++++++++data:+'selected='+%2B+this.value,
++++++++dataType:+'script'})
++++});
});|code-block|syntax|javascript|976174|这将调用当前控制器中的action_name方法，并将selected=...的结果作为参数传递。现在您可以返回一段javascript，例如使用如下命令：|offset|length|style|CODE|976175|calculated+=+calculate_some_value_using(params[:selected])
render(:update)+{%7Cpage%7C
++page+<<+"$('#selector_for_field_to_update).html(#{calculated})"
}|976176|在控制器中。你附加到''page'‘中的字符串应该是有效的javascript，如果你使用$.ajax，它将自动执行。|976177|编辑:仅供参考，我们最近为jquery-ujs添加了一个选择更改帮助器，所以您现在可以使用内置的jquery-ujs适配器以一种不引人注目的方式完成此操作：|976178|<%25=+select_tag+:category_id,+
+++options_for_select(
+++++++Category.find(:all,:select=>"name,id").collect{%7Cc%7C+[c.name,c.id]}),
+++:data+=>+{+:remote+=>+true,+:url+=>+url_for(:controller+=>+"posts",+
+++++++++++++++++++++++++++++++++++++++++:action+=>+"filter_post",
+++++++++++++++++++++++++++++++++++++++++:filter+=>"category")+}+%25>|976179|虽然公平地说，添加一个select+change事件并不是真正的“不引人注目”，因为禁用了javascript的用户没有合适的后备选项，除非您的表单不依赖于AJAX请求的结果。|976180|entityMap^0|0|0|0|B|B|R|C|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@$K|14|L|15|M|N]|$K|16|L|17|M|N]]|9|@]|A|$]]|$1|O|3|P|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|19|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1A|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|Z|$]]

As Sergei said: There is no remote_function in rails 3.

The solution is to unobtrusively add the onchange handler using something like:

<pre><code>$(function($) {
 $("#selector_for_element").change(function() {
 $.ajax({url: '&lt;%= url_for :action =&gt; 'action_name', :id =&gt; @model.id %&gt;',
 data: 'selected=' + this.value,
 dataType: 'script'})
 });
});
</code></pre>

This will call the <code>action_name</code> method in the current controller, passing the result of <code>selected=...</code> as a parameter. Now you can return a piece of javascript, for instance using something like:

<pre><code>calculated = calculate_some_value_using(params[:selected])
render(:update) {|page|
 page &lt;&lt; "$('#selector_for_field_to_update).html(#{calculated})"
}
</code></pre>

in the controller. The string you append to ''page'' should be valid javascript and will be executed automatically if you use $.ajax. 

EDIT: FYI, we recently added a select change helper to jquery-ujs, so you can do this unobtrusive way using the built-in jquery-ujs adapter now:

<pre><code>&lt;%= select_tag :category_id, 
 options_for_select(
 Category.find(:all,:select=&gt;"name,id").collect{|c| [c.name,c.id]}),
 :data =&gt; { :remote =&gt; true, :url =&gt; url_for(:controller =&gt; "posts", 
 :action =&gt; "filter_post",
 :filter =&gt;"category") } %&gt;
</code></pre>

Though to be fair, adding a select change event really isn't ever going to be "unobtrusive" as there is no graceful fallback for users with javascript disabled unless your form doesn't depend on the result of the AJAX request.

blocks|key|976219|text|对控制器的Ajax调用-带参数的操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976220|function+combined_search()+{
++++var+countries+=+$('#countries').val();
++++var+albums+=+$('#albums').val();
++++var+artists+=+$('#artists').val();
++++$.ajax({
++++++++url:"<%25=url_for+:controller+=>+'music_on_demand',:action+=>+'combined_search'+%25>",
++++++++data:'country='+%2B+encodeURIComponent(countries)+%2B+'&albums='+%2B+encodeURIComponent(albums)+%2B+'&artists='+%2B+encodeURIComponent(artists),
++++++++cache:false,
++++++++success:function+(data)+{
++++++++}
++++})
}|code-block|syntax|javascript|976221|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Ajax Call to controllers-action with parameters:

<pre><code>function combined_search() {
 var countries = $('#countries').val();
 var albums = $('#albums').val();
 var artists = $('#artists').val();
 $.ajax({
 url:"&lt;%=url_for :controller =&gt; 'music_on_demand',:action =&gt; 'combined_search' %&gt;",
 data:'country=' + encodeURIComponent(countries) + '&amp;albums=' + encodeURIComponent(albums) + '&amp;artists=' + encodeURIComponent(artists),
 cache:false,
 success:function (data) {
 }
 })
}
</code></pre>

blocks|key|976277|text|如果您遇到我将一个大型rails应用程序升级到大量使用remote_function的Rails3的问题，您可以通过添加一个application_helper方法来实现有限的向后兼容性，该方法以此处其他答案建议的格式生成jQuery代码。我能够按原样使用这段代码，但必须更新一段调用代码以使用新的:success脚本选项，而不是这里不支持的:update散列选项。这可以为您赢得一些时间来最终重构所有remote_function调用，以使用不显眼的jquery-ujs事件回调：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976278|def+remote_function(options)
++++("$.ajax({url:+'#{+url_for(options[:url])+}',+type:+'#{+options[:method]+%7C%7C+'GET'+}',+"+%2B
++++"data:+#{+options[:with]+?+options[:with]+%2B+'&amp;'+:+''+}+%2B+"+%2B
++++"'authenticity_token='+%2B+encodeURIComponent('#{+form_authenticity_token+}')"+%2B
++++(options[:data_type]+?+",+dataType:+'"+%2B+options[:data_type]+%2B+"'"+:+"")+%2B
++++(options[:success]+?+",+success:+function(response)+{"+%2B+options[:success]+%2B+"}"+:+"")+%2B
++++(options[:before]+?+",+beforeSend:+function(data)+{"+%2B+options[:before]+%2B+"}"+:+"")+%2B+"});").html_safe
end|code-block|syntax|javascript|976279|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you face the issue that I had of upgrading a large rails app to rails 3 that made heavy use of remote_function, you can achieve limited backwards compatibility by adding a application_helper method that generates jQuery code in the format suggested by other answers here. I was able to use this code as is, though had to update one piece of calling code to use the new :success script option instead of the :update hash option that is not supported here. This can buy you some time to eventually refactor all remote_function calls to use unobtrusive jquery-ujs event callbacks:

<pre><code>def remote_function(options)
 ("$.ajax({url: '#{ url_for(options[:url]) }', type: '#{ options[:method] || 'GET' }', " +
 "data: #{ options[:with] ? options[:with] + '&amp;amp;' : '' } + " +
 "'authenticity_token=' + encodeURIComponent('#{ form_authenticity_token }')" +
 (options[:data_type] ? ", dataType: '" + options[:data_type] + "'" : "") +
 (options[:success] ? ", success: function(response) {" + options[:success] + "}" : "") +
 (options[:before] ? ", beforeSend: function(data) {" + options[:before] + "}" : "") + "});").html_safe
end
</code></pre>

I am trying to make an onchange call on a select box.For my application i am using jquery.js and rails.js as mentioned to make use of UJS. But still the code that is generated is for Prototype and not for jquery ajax calls. My code looks like the following:

<pre><code>&lt;%= select_tag :category, 
 options_for_select(
 Category.find(:all,:select=&gt;"name,id").collect{|c| [c.name,c.id]}),
 :onchange =&gt; remote_function(:url =&gt; {:controller =&gt; "posts", 
 :action =&gt; "filter_post",
 :filter =&gt;"category"}, 
 :with=&gt;"'category_id=' + $('#category').val()") %&gt;
</code></pre>

The code that is generated by this is:

<pre><code>new Ajax.Request('/posts/filter_posts?filter=category', {asynchronous:true, evalScripts:true,
parameters:'category_id=' + $('#category').val() + '&amp;authenticity_token=' +
encodeURIComponent('CCyYj1wqXtddK6pUV6bAxw0CqZ4lbBxDGQHp13Y/jMY=')})
</code></pre>

How to make Ajax calls with Rails 3 using remote_function?

jQuery

我正在尝试对我的应用程序的select box.For进行onchange调用，我正在使用前面提到的jquery.js和rails.js来使用UJS。但是，生成的代码是针对Prototype的，而不是针对jquery ajax调用的。我的代码如下所示：<%= select_tag :category, o...

问如何使用remote_function在Rails3中进行Ajax调用？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用remote_function在Rails3中进行Ajax调用？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用remote_function在Rails3中进行Ajax调用？
EN