2017-04-22 7 views
0

私はRuby on Railsの新機能を痛感しています。JavaScriptでRails Routes/URLにアクセスするにはどうすればよいですか?

HOMEPAGE (WHEN RUNNING PROJECT LOCALLY): localhost:3000 
PRODUCTS PAGE: localhost:3000/products 
TOYOTA PAGE: localhost:3000/products/toyota 
HONDA PAGE: localhost:3000/products/honda 
FORD PAGE: localhost:3000/products/ford 
NISSAN PAGE: localhost:3000/products/nissan 
CHEVROLET PAGE: localhost:3000/products/chevrolet 
MERCEDES PAGE: localhost:3000/products/mercedes 
BMW PAGE: localhost:3000/products/bmw 
HYUNDAI PAGE: localhost:3000/products/hyundai 

は、ここで私は、これらのURL作成しています私のconfig/routes.rbをです:

だから、私はちょうど私のWebアプリケーション用に、以下のURLを作成し

get 'products', to: 'static#products' 
root to: 'static#home' 

get 'products/toyota', to: 'static##products#toyota' 
get 'products/honda', to: 'static#products#honda' 
get 'products/ford', to: 'static#products#ford' 
get 'products/nissan', to: 'static#products#nissan' 
get 'products/chevrolet', to: 'static#products#chevrolet' 
get 'products/mercedes', to: 'static#products#mercedes' 
get 'products/bmw', to: 'static#products#bmw' 
get 'products/hyundai', to: 'static#products#hyundai' 

そして、ここでのスニペットです私の製品ページのJavaScriptファイル:

g.prototype.Ce = function(b, 
     f) { 

     var e = this; 
     x.i.Mg(b, f); 
     x.A("build/getModelOptions", { 
      year: b, 
      make: f, 
      included_body_styles: x.options.included_body_styles 
     }, function(b) { 
      b = a.parseJSON(b); 
      e.bg.render(b, function(b) { 
       //$("#builder-make-selection .custom_dd_select a").text("Toyota"); 
       a("#builder_splash_models").html(b); 
       a.each(a(".builder_body_types"), function(a, b) { 
        k(b); 
        console.log("b=" + JSON.stringify(b)); 
        console.log("k(b)=" + JSON.stringify(k(b))); 
       }) 
      }) 
     }) 
    }; 

基本的に、私がしたいことは、私は読むためにその行を作りたい:

 make: 'Toyota'; 

と私はホンダのページに行けば、私はことをしたい、私はトヨタのページに行けば

 make: f; 

を読み込む行のJS、読むための行:

 make: 'Honda' 
を、私はフォードのページに行けば、私はそのラインを作りたいが読み:

 make: 'Ford'; 
を10

などなど。あなたはその考えを得る。どのようにそれを行う上の任意のアイデアですか?

答えて

1

Railsは、current urlJavaScriptにするとはみなされません。 JavaScriptコードを簡単に使用してcurrent urlを得ることができます

URL  -> document.location; 
Path Name -> window.location.pathname; 
Full URL -> window.location.href; 
+0

awesome!ありがとう! – AliciaGuerra

+0

大歓迎:) –

関連する問題