一个ajax和rails交互的例子

最新推荐文章于 2024-09-28 15:58:43 发布

horace_lee

最新推荐文章于 2024-09-28 15:58:43 发布

阅读量85

点赞数

分类专栏： javascript Jquery ext prototype RubyOnRails 文章标签： query rails ajax jquery ViewUI

本文链接：https://blog.csdn.net/horace_lee/article/details/84085340

版权

RubyOnRails 同时被 2 个专栏收录

293 篇文章 0 订阅

订阅专栏

javascript Jquery ext prototype

21 篇文章 0 订阅

订阅专栏

首先，这里用了一个，query信息解析的包，如下
[url]https://github.com/rapportive-oss/jquery-parsequery[/url]
主要做如下：


$.parseQuery({query: "id[]=1&id[]=2",
    array_keys: /^ids$/,
    decode: function (input, context) {
        input = this.default_decode(input);
        if (context === null) {
            return input.replace(/\[\]$/, 's')
        } else if (context === "ids") {
            input = parseInt(input);
            if (isNaN(input)) {
                throw URIError("id was not a number");
            }
        }
        return input;
    }
}) == {'ids':[1, 2]}

例子，正式触发


// If direct link to property query is used send to Rails
try {
  var hash = location.hash.substr(1, location.hash.length);
  if (location.pathname == '/properties' && hash.length > 0) {
    $.parseQuery.separator = ',';
    var data = $.parseQuery(hash);
    $.ajax({
      url      : '/properties',
      type     : 'GET',
      data     : data,
      dataType : 'script'
    });
  }
} catch(err) { }

服务器端


# app/controllers/application_controller.rb
helper_method :params_to_url

def params_to_url
  rails_params = [
    'action', 
    'controller', 
    'commit', '_', 
    'authenticity_token', 
    '_method', 
    'format', 
    'utf8']
  params_copy = params.dup
  params_copy.map { 
   |k,v| "#{k}=#{URI.escape(v.to_s)}" if !v.empty? && !rails_params.include?(k)  
  }.compact.join(',')
end


# app/views/properties/index.js.erb
<%- if @properties.size > 0 -%>
# For example, update DIV with found properties
window.location.hash = '<%= params_to_url %>';
<%- end -%>