Странный тайм-аут при перезагрузке статической HTML-страницы в приложении Rails

У меня есть небольшая статическая HTML-страница в public папка приложения Rails. Эта страница выполняет запросы AJAX при вводе ключей. Все хорошо, за исключением того, что когда я перезагружаю страницу, рельсы застряли на несколько секунд, и браузер должен ждать. Наконец, Rails регистрирует тайм-аут запроса и brrowser загружает страницу. На странице нет обработчиков загрузки, поэтому задержка в любом контроллере 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'
Источник

2 ответа

Решение

Все задержки волшебным образом прошли, когда я заменил Net::HTTP с HTTPClient,

Источник

Вероятно, проблема с 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);
Источник
Другие вопросы по тегам