Как сохранить response POST request?

Question

[stayHARD]

Здравствуйте.
В чем суть?
Суть в том, что я заполняю форму на сайте(поисковая форма), затем передаю её данные POST запросом (используя ajax/jQuery). Получаю response (в случае успеха), он представляет собой ID поискового запроса, дальше мне нужно этот response(ID) засунуть в GET запрос и получить уже сам результат.
Мой POST:

<script type="text/javascript">
	var api_host = '';
	$(function() {
		$('.sendButton').click(function() {
			$.ajax({
				url: api_host+'/api/search',
				data: $('form').serialize(),
				type: 'POST',
				success: function(response) {
					console.log(response);
				},
				error: function(error) {
					console.log(error);
				}
			});
		});
	});
</script>

Мой GET:

<script type="text/javascript">
	var api_host = '';
	$(function() {
		$.ajax({
			data: '',  // id search result
			url: api_host+'/api/result',
			type: 'GET',
			success: function(response) {
				console.log(response);
				console.log("Everything finished, no errors");
			},
			error: function(jqXHR, textStatus, errorThrown) {
				if (jqXHR.status == 401) {
					console.log("Error 401");
				}
				if (jqXHR.status == 404) {
					console.log("Not finished");
				}
			}
		});
	});	
</script>

Каким образом я могу сохранить его и использовать в другом месте?

Answer 1

[Yuri Shikanov]

Как-то так:

var api_host = '';
  $(function() {
    function get_search_results(query_id) {
      $.ajax({
        data: '',  // id search result
        url: api_host+'/api/result',
        type: 'GET',
        success: function(response) {
          console.log(response);
          console.log("Everything finished, no errors");
        },
        error: function(jqXHR, textStatus, errorThrown) {
          if (jqXHR.status == 401) {
            console.log("Error 401");
          }
          if (jqXHR.status == 404) {
            console.log("Not finished");
          }
        }
      });
    };


    $('.sendButton').click(function() {
      $.ajax({
        url: api_host+'/api/search',
        data: $('form').serialize(),
        type: 'POST',
        success: function(response) {
          get_search_results(response); // или response['id'], зависит от формата ответа
        },
        error: function(error) {
          console.log(error);
        }
      });
    });
  });

Comments

[stayHARD]

Хорошо, вроде все доходчиво.
З.ы. можно как-то сюда прикрутить во время обработки request`а гифку загрузки и блочить интерфейс, что-бы больше не накликали request`ов?
Нагуглил:
$('body').showLoading();
$('body').hideLoading();
Или есть что-то лучше?

[stayHARD]

И по сколько АПИ будет долго обрабатывать request, то нужно как-то время от времени проверять, есть результат или нет. Именно по этому у меня в GET, при ошибке 404 - Not finished.
Сюда что-то вроде settimeout нужно?

[Yuri Shikanov]

stayHARD: вешаете показ гифки на beforeSend в ajax и скрытие гифки на complete, соответственно

[Yuri Shikanov]

stayHARD: timeout можно тоже задать в ajax (свойство timeout в миллисекундах)

[stayHARD]

Yuri Shikanov: изменил код, но к сожалению сейчас нет возможности его протестить.
Посмотрите пожалуйста. И еще очень интересует вопрос с timeout, можно подробнее?
pastebin.com/ys9SRRqm

[Yuri Shikanov]

stayHARD: в общий $(function() {}); возьмите, как в моем примере

по таймауту все просто:

$.ajax({
    ...
    timeout: 1000,
    error: function(jqXHR, textStatus, errorThrown) {
        if(textStatus==="timeout") {
           //do something on timeout
        } 
    }
});​

если за 1000 мс ответ не прийдет - запрос обрывается и вызвается обработчик error с textStatus==="timeout"

[stayHARD]

Yuri Shikanov: хм. Наверное это не совсем то, что мне нужно.
Мне нужно проверять каждые N времени, есть уже response или нет.
Когда есть отдать совсем другую сраницу с результатом. Вот тут еще один вопрос как это сделать)

[Yuri Shikanov]

stayHARD:

проверять каждые N времени, есть уже response или нет

- это не нужно делать, когда будет response сработает обработчик, соответственно это бессмысленно.

[stayHARD]

Yuri Shikanov: понял. Тогда это то, что нужно. Спасибо ;)
Скрипт с POST / GET в одном .html, а результаты нужно выдать в другой. Это вообще возможно?

[Yuri Shikanov]

stayHARD: в другом html, т.е. совсем на другой странице и с другим URL? Если так, то вероятно проще заново запрос сделать, ну или хранить результат где-то в local storage.

ответ кстати можно отметить как решение ;)

[stayHARD]

Yuri Shikanov: да, обязательно отмечу, отличные советы и помощь!
Помогите еще разобраться с хранением response в куки, пожалуйста.

[Yuri Shikanov]

stayHARD: в куки лучше не хранить, там ограничение на размер и т.к. куки отправляются в заголовках HTTP - это приведет к плохой производительности.

Лучше, как я писал выше, делать повторный запрос или хранить в local storage.

[stayHARD]

Yuri Shikanov: пояюсню проблемы, мб тогда будет понятнее что с ней делать.
Я заполняю форму логина на сайте, данные летят POST request на сервер, сервер отвечает в случае успеха - отдает secret key, который нужно положить куда-то, что-бы дальше делать все остальные операции. Лучше всего как я думаю - в куки (поправьте?).

[Yuri Shikanov]

stayHARD: ну так то да