0

Существуют две функции, одна из которых записана в подгружаемом файле, другая - находится в конце html-файла:

<html>
  <head>
    <script type="text/javascript" src="function.js"></script>
  </head>                                                
  <body>

  <p id="add_img">Download</p>

  </body>
</html>

<script>

  $("#add_img").click(function() {
    $("#image_loader").click();
  });   

</script>

Подгружаемая function.js (функция номер 1) в конце возвращает данные:

$(function(){

  var imageLoader = document.getElementById('image_loader');
  imageLoader.addEventListener('change', handleImage, false);

  function handleImage(e){                                                       

    //some code

    return JSON.parse(response);
  }
});

Как возвращаемое значение передать в функцию 2?

UPD

Функция №1 является обработчиком изображения и возвращает массив, содержащий имя этого обработанного изображения на сервере и директорию, в которой оно находится. Возвращемые данные используются следующим образом:

var resp = JSON.parse(response);   
$("#product_img_preview").append('<li><a href="../../' + resp.uploaddir + '/' + resp.filename + '_card.jpeg"><img src="../../' + resp.uploaddir + '/' + resp.filename + '_prev_small.jpeg" /></a></li>');

Кроме того, добавленному с помощью функции №1 элементу <li>...</li> применяется обработчик наведения $("#product_img_preview img").hover( function(){...} ), в свою очередь находящийся в функции №2 и используемый только в этой функции.

В отдельный подгружаемый скрипт функция вынесена с целью избежать дублирования кода, поскольку сам код будет использоваться в дальнейшем на другой странице.

8
  • В функции номер 1 выполняется ajax? 11 фев 2016 в 22:19
  • да, post-запрос ajax-ом
    – 118_64
    11 фев 2016 в 22:32
  • 1
    в данном случае - никак, вы же обработчик вызываете, а не функцию
    – Grundy
    12 фев 2016 в 9:22
  • Давайте немного упростим и сделаем правильно. Ваш код написанный правильно, вы всё равно onready в подключаемом файле ждёте, так почему в шапке подключать? Быстрее аякс не сработает от этого. А теперь объясните, что вы хотите куда передать, потому что сейчас ничего не ясно из вашего синхронного потока мысли. JS — асинхронный. Объясните как используете полученное.
    – higimo
    12 фев 2016 в 9:42
  • @Grundy, спасибо за ответ. Я оборачивал находящуюся в обработчике функцию в именованную функцию и вызывал её из функции №2. Работает, хотя в том случае были утечки памяти, которые я не смог побороть. Если все же вызывать в качестве именованной функции, а не обработчика, как можно получить результат в функции №2 ?
    – 118_64
    12 фев 2016 в 9:45

1 ответ 1

1

Как вариант, можете по получении данных в «функции 1», триггерить событие, в которое вложить данные.

А чтобы получить эти данные где угодно, в т.ч. в «функции 2», надо назначить слушателя этого события.

// здесь поймаем данные.
$(document).on('moeSobytie', function(e, data){
  $('#result').text( "Получены данные: " + data.title + ' ' + data.i );
});

// кнопка, запускающая всё
$('#btn').on('click', function(){
  setTimeout( function_1, 2000);
});

function function_1() {
  // вызываем событие, приложив появившиеся данные:
  $(document).trigger('moeSobytie', {title:"название", i:15});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn">Запустить долгий процесс</button>
<div id="result"></div>

4
  • ох :-D давно такого не видел :-D moeSobytie
    – Grundy
    12 фев 2016 в 11:06
  • Кстати, вы не видели тут перевода вопроса который я в комментариях добавлял? там как раз большинство способов получения значений из асинхронных функций описано. Но вот не помню было тут что-то подобное, обычно находится только какая-то часть
    – Grundy
    12 фев 2016 в 11:08
  • @Grundy не искал. Вопрос ТС не чисто про асинхронность, по-моему, его ещё чуть смущает, что часть кода прямо в теле документа, а часть подгружается из файла, и стоило бы разъяснить про очереденость событий при загрузке документа, может.
    – Sergiks
    12 фев 2016 в 11:12
  • Именно то, что было нужно. Спасибо!
    – 118_64
    12 фев 2016 в 11:56

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.