1

publicRails アプリケーションのフォルダーに小さな静的 HTML ページがあります。このページは、入力キーアップで AJAX リクエストを実行します。ページレールをリロードすると数秒間動かなくなり、ブラウザが待たなければならないことを除いて、すべて問題ありません。最後に、Rails はリクエストのタイムアウトをログに記録し、ブラウザーはページを読み込みます。このページには onload ハンドラがないため、Rails コントローラの遅延によってブラウザが待機することはありません。遅延の原因として何が考えられますか?

このページのコードは次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <title>Prompt test</title>
    <script src="/assets/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#searchbox").keyup(function(){
                if ($("#searchbox").val().length<2) {
                    $('#autocomplete').hide();
                    return;
                }
                $.ajax(
                        {
                            type: "POST",
                            url: "/prompts",
                            data: {
                                request_str: $("#searchbox").val()
                            },
                            success: function(data) {
                                $('#autocomplete').find('option').remove();
                                $('#autocomplete').attr('size', data.length);
                                console.log(data);
                                if (data.length==0) $('#autocomplete').hide(); else $('#autocomplete').show();
                                for (var i=0; i<data.length; i++) {
                                    $('#autocomplete').append($("<option></option>")
                                            .attr("value", data[i])
                                            .text(data[i]));
                                }
                            },
                            error: function(){
                                $('#autocomplete').find('option').remove();
                                $('#autocomplete').hide();
                            }
                        }
                );
            });
        });
    </script>
    <style type="text/css">
        #autocomplete{
            position: absolute;
            background: transparent;
            z-index: 10;
            width: 200px;
            display: none;
        }
    </style>
</head>
<body>
<input type="text" id="searchbox" /><br>
<select id="autocomplete" size="10" multiple="multiple">
</select>
</body>
</html>

これはルートです:

match '/prompts', to: 'prompts#get_data', :via => :post

これはコントローラーです:

require 'uri'
require 'net/http'
require 'json'

class PromptsController < ApplicationController
  skip_before_action :verify_authenticity_token

  def get_data
    uri = URI.parse("http://192.168.0.200:12345/prompts")

    data = {
        count: 10,
        text: params[:request_str],
    }

    http = Net::HTTP.new(uri.host, uri.port)
    request = Net::HTTP::Post.new(uri.request_uri, { 'Content-Type' => 'text/json' })
    request.body = data.to_json

    response = http.request(request)
    if response.code=='200'
      results = JSON.parse(response.body)['results']
      render :json => results.map { |res| res['text'] }
    else
      render :json => { error: response.code }
    end
  end
end

遅延の存在は、AJAX 要求が実行されたかどうかによって何らかの形で異なります。はいの場合、70% の確率で遅延が発生します。

Rails ログには以下が含まれます。

Started POST "/prompts" for 127.0.0.1 at 2014-04-02 14:19:58 +0400
Processing by PromptsController#get_data as */*
      Parameters: {"request_str"=>"gh"}
Completed 500 Internal Server Error in 60009ms

Net::ReadTimeout (Net::ReadTimeout):
  app/controllers/prompts_controller.rb:23:in `get_data'
4

2 に答える 2

0

おそらく Turbolinks の問題です。「ハード リフレッシュ」(リフレッシュ ボタンを押す) を実行すると機能しますか?

ターボリンクの問題かどうかを確認するには、次のことを試してみてください。

      test_turbolinks = function() {
            $(documnt).on("keyup", "#searchbox", function(){
                if ($("#searchbox").val().length<2) {
                    $('#autocomplete').hide();
                    return;
                }
                $.ajax(
                        {
                            type: "POST",
                            url: "/prompts",
                            data: {
                                request_str: $("#searchbox").val()
                            },
                            success: function(data) {
                                $('#autocomplete').find('option').remove();
                                $('#autocomplete').attr('size', data.length);
                                console.log(data);
                                if (data.length==0) $('#autocomplete').hide(); else $('#autocomplete').show();
                                for (var i=0; i<data.length; i++) {
                                    $('#autocomplete').append($("<option></option>")
                                            .attr("value", data[i])
                                            .text(data[i]));
                                }
                            },
                            error: function(){
                                $('#autocomplete').find('option').remove();
                                $('#autocomplete').hide();
                            }
                        }
                );
            });
        });

        $(document).on("page:load ready", test_turbolinks);
于 2014-04-02T10:12:58.437 に答える
0

Net::HTTPに置き換えたとき、すべての遅延は魔法のようになくなりましたHTTPClient

于 2014-04-07T09:00:26.943 に答える