AjaxでRuby実行

Question

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

    
<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で動作していて、ほかのページは見れます。

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

Comments

[kei344]

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

[tqkqt0]

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

[kei344]

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

[tqkqt0]

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

Answer 1

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

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

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

Comments

[tqkqt0]

ご回答ありがとうございます。
Networkタブで確認しました。
Request URL:http://localhost/html/xxx.rb
Request Method:GET
Status Code:200 OK (from disk cache)
Remote Address:[::1]:80
Referrer Policy:no-referrer-when-downgrade

Apachをcgiで指定しているのは別階層のフォルダです。
そこに本来rbファイルを置きたいのですが、htmlフォルダからはアクセスできませんでした。今は仕方なくhtmlフォルダにrbを置いて接続しています。これが原因でしょうか？だとしたら、なんの設定を変えればhtmlからからcgiスクリプトフォルダにアクセスできますでしょうか。

現在、http://localhost/にアクセスするとcgiフォルダが存在しません。
よろしくお願いいたします。

[h_daido]

なるほど、憶測になってしまうのですが。
・.rbファイルの配置をcgiで指定しているフォルダ（仮に/cgi/とします）
・Ajax送信先のURLを変更
例）　var url = '../cgi/xxx.rb'

としてみてはいかがでしょうか？

ちなみに、CGI側で他にリクエストを捌いている既存コードはないですか？
もしあれば、そちらを参考にされるほうが解決は早いと思いますよ！

おそらく何かしらの事情がおありなんでしょうが...railsかsinatoraかなにかしらのフレームワーク使われるのを検討されたほうがいいと思いますよ。老婆心ながら。今後もっと苦労されますよ。。。

[tqkqt0]

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

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

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

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

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

[h_daido]

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

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フォルダ配下はおそらく一般公開されていますよね？ので、そこにソースをおくべきではないでしょうね。

[tqkqt0]

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