Ajax-запрос с использованием mootools не работает

Я пытаюсь загрузить содержимое в div с помощью этого руководства. . К сожалению, это просто загружает файл HTML как новую страницу.

Это javascript, который должен выполнять эту работу

window.addEvent('domready', function() {

     $('runAjax').addEvent('click', function(event) {
         event.stop();
         var req = new Request({
             method: 'get',
             url: $('runAjax').get('href'),
             data: { 'do' : '1' },
             onRequest: function() { alert('The request has been made, please wait until it has finished.'); },
              onComplete: function(response) { alert('Response received.); $('container').set('html', response); }
         }).send();
$('runAjax').removeEvent('click');
     });
});

это ссылка, которая должна инициировать функцию

<a href="about.html" id="runAjax" class="panel">Profil</a>

и это div-структура index.html. я хочу, чтобы содержимое загружалось в "контейнер"-div

<div id="view">
    <div id="sidebar">
        mib
    </div>

    <div id="container">
        <div id="logo">
            <!--img src="img/logo.png"-->
        </div>

        <div align="center" id="tagline">   
            content
        </div>
    </div>
</div>

Мне все равно, какой скрипт я использую, если он совместим с MooTools 1.2, потому что он нужен мне для выдвижной верхней панели, и было бы намного больше работы, чтобы изменить его, например, на панель jquery.


javascript ajax mootools
person ngmir    schedule 12.09.2009    source источник

Ответы (3)


arrow_upward
0
arrow_downward

Здесь отсутствует ':

alert('Response received.);
person stefanw    schedule 12.09.2009
comment
вот как копипаста может стоить вам жизни - person ngmir; 12.09.2009

arrow_upward
0
arrow_downward

Вы делаете вещи более сложными, чем вам нужно. Попробуйте это:

window.addEvent('domready', function(){
    function loadPage(url) {
        $('container').load(url);
    }

    $('runAjax').addEvent('click', function(e) {
        e.stop();
        loadPage(this.get('href'));
        this.removeEvent('click', loadPage);
    });
});

Если это не сработает, запустите Firebug и посмотрите, какие ошибки Javascript регистрируются. Вот ссылка на ярлык Element.load():

http://mootools.net/docs/core/Request/Request.HTML#Element:load

person One Crayon    schedule 19.09.2009

arrow_upward
0
arrow_downward

Вы не останавливаете событие щелчка, как рекомендуется.

вместо:

event.stop();

do:

new Event(event).stop();

person re5et    schedule 05.12.2009