ajaxで送信して、コントローラ側で別ビューへリダイレクトする方法がわかりません

ajaxで送信した値をrailsのコントローラで受け取り、リダイレクトさせてたいのですがうまくいかず、教えていただきたいです。

var data = { 'score': score, 'time': time };
            $.ajax({
              type: '', // リクエストのタイプ
              url: '/games/new', // リクエストを送信するURL
              data: data, // サーバーに送信するデータ
              dataType: 'json' // サーバーから返却される型
            })

games_controller

 def new
  
      @score= params[:score]
      @time= params[:time]
    #ここで値を受け取ったあと、result.html.erbに移りたいのですが、どのように記述すれば良いでしょうか？
    
  end

退会済みユーザー

2021/12/13 02:46

ありがとうございます。リダイレクトはjqueryで行うことにします。 scoreとtimeの値を保持して、リダイレクト先で使いたいのですが、やり方がわからず、宜しければ教えて頂けないでしょうか。

行動規範の内容に同意します

回答1件

ベストアンサー

Ajaxは非同期でサーバーと通信するので「画面」という概念を持ちません。
WebAPIと一緒です。
「画面遷移」としたいならAjaxのレスポンスを得たJavaScript側でリダイレクトすることになります。

投稿2021/12/12 22:33

編集2021/12/12 22:34

m.ts10806

総合スコア80861

退会済みユーザー

2021/12/13 02:47

m.ts10806

2021/12/13 03:20

Javascriptで保持してる値ならリダイレクト時にクエリストリングでURLにつけるとかになると思います。ルーティング的にはgetで取れます。

退会済みユーザー

2021/12/13 04:48 編集

URLに付けるというのは、location href="/games/result? のようにするということですよね。。例えば以下のようにajaxの送信先を遷移先のアクションに指定して、scoreとtimeを関数にして使うことはできないのでしょうか？どうしてもajaxだけで完結させず、コントローラを通して処理をしたいのですが。。 ``` var data = { 'score': score, 'time': time }; $.ajax({ type: 'GET', // リクエストのタイプ url: '/games/result', // リクエストを送信するURL data: data, // サーバーに送信するデータ dataType: 'json' // サーバーから返却される型 }) ``` ``` ``` games.controller.rb def result @score= params[:score] @time= params[:time] end ``` ``` result.html.erb <p><%=@score%>と<%=@time%></p> ```

m.ts10806

2021/12/13 05:22

その「ajaxで何を処理させたいのか」にもよると思います。やりたいこと次第ではajaxという選択自体をやめる方向になるかもしれないですしね。 >scoreとtimeを関数にして使うことはできないのでしょうか？そもそもサーバーサイドとクライアントサイドでレイヤーが違うので共有はできません。 ajaxの返却値をビューにすることでhtmlが返せるので返ってきたhtmlをJavascriptで画面内に設置するようなことはできますが、やりたいことは「リダイレクト」なのですよね？（これは本当にリダイレクトで実現するもの？）

退会済みユーザー

2021/12/13 06:19

ありがとうございます。やりたいことは、new.html,erbで音声認識のAPIを使ってユーザーの声を文字起こし、文字数と話した時間をデータとしてresult.html.erbに持っていって使いたいです。関数にして使うことはできないなら、POSTリクエストでデータベース登録すれば可能でしょうか？ scoreとtimeはgameテーブルのカラムに指定しています。

m.ts10806

2021/12/13 06:27

DB登録有無はあくまで要件なので「非同期通信（ajax）をなんのために採用するのか」を検討していただきたく。

退会済みユーザー

2021/12/13 06:45

アプリの仕様上非同期通信でおこなった方が見栄えが良いと思っているからです。。

m.ts10806

2021/12/13 06:54

リダイレクトするのであれば要は画面遷移なので見栄え同じです。同期リクエストです。非同期で行うのはあくまでサーバーサイドをバックグラウンドで実行するためですしね。私がコメントに書いた下記をやってみては。 >ajaxの返却値をビューにすることでhtmlが返せるので返ってきたhtmlをJavascriptで画面内に設置するようなことはできますこれだと画面遷移無しで、返ってきたビューhtml文字列を現在のhtml上に置く（もしくは一部を更新、差し替える）ことになるので「ぽい」動作にはなります。

退会済みユーザー

2021/12/13 07:25

ご丁寧にありがとうございました。その方法でやってみます。ありがとうございます！

行動規範の内容に同意します