質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.91%

AjaxでRuby実行

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 1,349

tqkqt0

score 141

似たような質問がありますが、
何時間もはまっているので、質問させてください…

<input type="button" id="sample" class="get" value="get!"><br>
<img src="" id="img">

<script type="text/javascript">
      $(function() {
        $(".get").on('click', function () {
          var url = './xxx.rb'
          var img_url = $.ajax({
            url: url,
            type: 'get',
          }).done(function(data) {
            console.log(data)
          })
          document.getElementById('img').src=img_url
        })
      })
 </script>
res = 'http://aaa.html'
res


↓実行結果
コンソールにはかれているのは

res = 'http://aaa.html'
res

です。
期待値はhttp://aaa.htmlです。

Railsは導入しておらず、Apachで動作していて、ほかのページは見れます。

些細なことでも可能性を教えていただければと思います。
よろしくお願いいたします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kei344

    2017/05/10 17:26

    xxx.rbにアクセスして「http://aaa.html」が表示されるのでしょうか。

    キャンセル

  • tqkqt0

    2017/05/10 17:36

    ありがとうございます。今試すと同じくソースが表示されました。

    キャンセル

  • kei344

    2017/05/10 17:40

    Ajaxの前にそれについて調べて質問されたほうが良いと思います。

    キャンセル

  • tqkqt0

    2017/05/10 17:45

    ありがとうございます。 https://oshiete.goo.ne.jp/qa/7679244.html を参考にしてみます。

    キャンセル

回答 1

checkベストアンサー

+1

ruby側の情報がもう少しあればわかることも多いと思うのですが...。
以下でチェックするといいと思います。

・Ajaxのgetリクエストでちゃんとパラメーター({url: url}のところ)が渡せているか?
-> ChromeDeveloperToolのNetWorkタブで確認できます。

・ruby側で受け取ったリクエストからちゃんとパラメーターが取得できているか?
-> これはApache側でどう処理しているかなので...もう少し情報が必要ですね。。。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/05/11 12:14

    ご回答ありがとうございます。

    HTMLファイルの2階層上の別フォルダにcgiフォルダがあります。
    そのなかにrbがあるのですが、../../cgi/xx.rbとしてもundifinedになってしまいます。

    既存コードなのですが、htmlから直接rbファイルにアクセスしているものはありませんでした。

    そうなんですよね、Rubyも1.8.7でRailsも入っていないため、新参者には大変苦労なシステムです。。ただ、私の一存では変更できなくて><

    ほかに何か思いつくことはありませんでしょうか。。申し訳ありません。

    キャンセル

  • 2017/05/11 12:41 編集

    あぁ、すいません。重要な勘違いをしてました。

    Ajaxで.rbにアクセスされていたんですね。おそらくそれだと単に.rbファイルの中身(コード)を取得してくるだけになってしまい、実行結果が得られません。consoleの出力結果も確かに一番最初のご質問どおりになりますね。。。
    通常、Ajaxで返すレスポンスは、.json、.html、.jsなどのデータ形式が一般的です。
    今回の場合は.jsonがマッチするかと思います。

    それで、"htmlから直接rbファイルにアクセス"というのはできないと思いますね。。。
    サーバー側で処理するプロセスとしては
    1. "http://localhost/xxx/xxx.json"といったURLを受理した際に何かしらの.rbコードを動かす(ここは通常はwebサーバーの仕事ですね。)
    2. その.rbコード内でjsonを作成してresponseする
    3. クライアント側のjsコードでresponseで受け取ったjsonを処理

    といった流れになるかと思います。1,2が今回はまっているポイントだと思うのですが、railsだったら瞬殺なんですが、ApacheからCGIだと...。かなりプロジェクトの構成に依存するので、すいませんちょっとわからないですね。

    なお、htmlフォルダ配下に.rbのソースコードをおくのは、セキュリティ的によろしくないかとおもいます。htmlフォルダ配下はおそらく一般公開されていますよね?ので、そこにソースをおくべきではないでしょうね。

    キャンセル

  • 2017/05/11 13:49

    非常に参考になりました。
    プロセスを教えていただきありがとうございます。
    rbに直接アクセスするのはおかしいのですね、、
    ありがとうございました。もう少し調べてみます。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.91%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る