Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > JsHttpRequest, return инфы вызывающей функции

Автор: Alx 29.3.2007, 15:44

Код


<script>
getHTML("myData");

function getHTML(data) {
var req = new JsHttpRequest();
req.onreadystatechange = function() {
    if (req.readyState == 4) {
        if (req.responseJS) {
            alert(req.responseJS.q||'undefined');
        }
    }
}
req.loader = loader;
req.caching = false;
req.open(method, '/sources/loadpage.php', true);
req.send({ q:data });
}
// выводит ALERT = req.responseJS.q;

/////////////

alert(getHTML('myData'));

function getHTML(data) {
var req = new JsHttpRequest();
req.onreadystatechange = function() {
    if (req.readyState == 4) {
        if (req.responseJS) {
            return (req.responseJS.q||'undefined');
        }
    }
}
req.loader = loader;
req.caching = false;
req.open(method, '/sources/loadpage.php', true);
req.send({ q:data });
}

//// return не работает... выводит undefined
</script>

subj. как быть, если необходимо присваивать переменным результаты выполнения этой функции?
что-то плохо соображаю.. )

заранее спасибо!

Автор: AKS 30.3.2007, 07:20

Код


alert(getHTML('myData')); //// return не работает... выводит undefined

Все закономерно - функция ведь ничего не возвращает.

Цитата

необходимо присваивать переменным результаты выполнения этой функции

А какой результат может быть у этой функции? Она лишь отправляет запрос, а когда будет получен ответ, и вообще будет ли он получен, эта функция не знает...

Автор: Sardar 30.3.2007, 21:46

Тут логика немного другая. JsHttpRequest отправляет асинхронные запросы, т.е. getHTML() возвращаеться сразу, не блокируя текущий тред. И это правильно, подвешивать всё ожидая ответа глупо. Вместо return (req.responseJS.q||'undefined'); вызывай какую-нибудь свою функцию, что получить и отрабоает инфу (обновит графики и т.п.).

Блокирующее IO - зло.

Автор: Alx 1.4.2007, 14:26

Цитата(Sardar @ 30.3.2007, 21:46

)

Тут логика немного другая. JsHttpRequest отправляет асинхронные запросы, т.е. getHTML() возвращаеться сразу, не блокируя текущий тред

ну это-то понятно, а вот

Цитата(Sardar @ 30.3.2007, 21:46

)

вызывай какую-нибудь свою функцию, что получить и отрабоает инфу (обновит графики и т.п.).

с этого месте, пожалуйста, поподробнее:

Код


{   this.html = '';
    getHTML(filename,this.html);
}
function getHTML(filename,output) { [...blabla..] outputFunc(req.responseJS.q,output); [...blabla..]}
function outputFunc(response,output) {output = response};

примерно так я пробывал, но это не срабатывает, я могу отправить только ссылку на объект, но не ссылку на свойство объекта, поэтому свойство приходится для всех использовать одно и то же, что очень неудобно:

Код


{   this.html = '';
    getHTML(filename,this);
}
function getHTML(filename,output) { [...blabla..] output.html = req.responseJS.q; [...blabla..]}

или я ошибаюсь?

Цитата(Sardar @ 30.3.2007, 21:46

)

Блокирующее IO - зло.

что это?) скажи вкратце, буду бояться smile

Автор: Sardar 1.4.2007, 15:55

Цитата(Alx @ 1.4.2007, 13:26

)

я могу отправить только ссылку на объект, но не ссылку на свойство объекта, поэтому свойство приходится для всех использовать одно и то же, что очень неудобно:

Код


function bind(obj, method) {
  return function() {
     if(obj.method instanceof Function) obj.method.apply(obj, arguments);
     else throw "Logic exception: method '"+method+"' expected";
  }
}

function myObj(f) {
    this.field = f;
}

function myObj.prototype.mymethod(data) {
    alert(this.field + ': ' + data);
}

getHTML('myData', alert);
getHTML('myData', bind(new myObj('myfield'), 'mymethod'));

function getHTML(data, handler) {
var req = new JsHttpRequest();
req.onreadystatechange = function() {
    if (req.readyState == 4) {
        if (req.responseJS) handler(req.responseJS.q || undefined);
        //else не забудь обработку ошибок, а то тихо в игнор идёт
    }
}
req.loader = loader;
req.caching = false;
req.open(method, '/sources/loadpage.php', true);
req.send({ q:data });
}

Автор: Alx 1.4.2007, 17:38

какой-то код мне вообще не понятный.. чувствую себя ламером.. возвращает ошибку "исключение брошено и не поймано".. что это вообще значит?

функцию bind() вообще не понял.. можешь объяснить? прямо построчно..

пасиб... smile

Автор: Sardar 1.4.2007, 17:49

Цитата(Alx @ 1.4.2007, 16:38

)

возвращает ошибку "исключение брошено и не поймано"

Ага, это я когда на коленке пишу, не проверяя, бывает smile

Код

//замени
//if(obj.method instanceof Function) obj.method.apply(obj, arguments);
//на
if(obj[method] instanceof Function) obj[method].apply(obj, arguments);

bind просто создаёт closure, который вызывает конкретный метод объекта. Если он не сушествует, то кидаем исключение.

Автор: Alx 2.4.2007, 03:03

Цитата(Sardar @ 1.4.2007, 15:55

)

instanceof Function

Цитата(Sardar @ 1.4.2007, 15:55

)

apply(obj, arguments);

Цитата(Sardar @ 1.4.2007, 15:55

)

throw

Цитата(Sardar @ 1.4.2007, 17:49

)

closure

вот эти выражения мне вообще неизвестны... пипец..

ну лана, посмарю в доках, объясни плиз хотябы тогда:
1)зачем внутри функции ещё одна функция, если кроме неё ничего нет?
2)какую роль играет return?

3)и ещё мне непонятно, какие же параметры приходят функции bind(), если тут

Цитата

getHTML('myData', bind(new myObj('myfield'), 'mymethod'));

1 параметр - ссылка на объект, второй - строка, а тут

Цитата

handler(req.responseJS.q || undefined);

снова первый параметр строка...

4) как это блин все работает? 5) что конкретно, какой тип данных содержится в переменной handler?..

оооох... мне стыдно... так хочется все это понять.. сейчас только понимаю, насколько реально я отстал от жизни..

Автор: Sardar 2.4.2007, 11:00

Цитата(Alx @ 2.4.2007, 02:03

)

1)зачем внутри функции ещё одна функция, если кроме неё ничего нет?

Это closure, вбей это слово в поиск в основном разделе. В кратце, JS поддерживает функции высшего порядка, т.е. функция это объект и как любой другой объект её можно вернуть или записать в переменную. Именно объект а не строка с именем, как это было в PHP.

При определении функции мы "запоминаем" все переменные, что были видны на момент определения, в нашем случае нам интересны аргументы внешней функции. Функция bind возвращает closure (функцию), что продолжает видеть оригинальные значения obj и method, и соответственно может при её вызове.

Цитата(Alx @ 2.4.2007, 02:03

)

2)какую роль играет return?

Он возвращает функцию, как и любое другое значение. Что бы было ясно:

Код

var obj = new myObj('myfield');
var handler = bind(obj, 'mymethod');

obj.mymethod("Hi!");
handler("Hoi!"); //эквивалентно предыдущей строчке

3) - на это ты уже сам можешь ответить, читай предыдущий абзац smile

5) - функция

Я и Zeroglif много размышляли на эту тему. Вбей в поиск closure, instanceof, prototype this.

Автор: Alx 3.4.2007, 23:21

Цитата(Sardar @ 2.4.2007, 11:00

)

//эквивалентно предыдущей строчке

вот этого-то я и не понимаю! зачем такой дикий изврат из 3-х функций, если можно просто вызвать одну???

Автор: Sardar 4.4.2007, 19:13

Цитата(Alx @ 3.4.2007, 22:21

)

зачем такой дикий изврат из 3-х функций, если можно просто вызвать одну???

Потому что это не фича вызывать методы объектов, это вообще замыкание любого кода. Замкнутый код можно затем вызвать, он будет "видеть" окружение (переменные) существовавшее на момент создания замыкания. Естественно от одного замкнутого участка кода можно получить сколь угодно конкретных замыканий (пары {окружение, код}).

Когда-нибудь ты врубишся в фишку, затем поудивляешся как ты мог программить без них smile

Автор: Alx 5.4.2007, 20:48

Цитата(Sardar @ 4.4.2007, 19:13

)

Когда-нибудь ты врубишся в фишку, затем поудивляешся как ты мог программить без них

мда, можеть быть smile

но пока, я как-то далек от понимания..)