Ссылка на другую страницу с элементами ajax

#ajax #jquery

#ajax #jquery

Вопрос:

У меня есть веб-сайт, и я хочу связать страницу 1 со страницей 2:

Страница 2 -имеет подменю, которое отображает информацию, подобную этой:

 $("#element").click(function(){
        $("#another_element").load("page3.html");
    });
  

на странице 1 у меня есть ссылки, и я хочу знать, возможно ли иметь href=»page2.html/call_ajax_function_from_page2″ с вызовом ajax. Как я могу щелкнуть элемент на странице 1 и перейти на страницу 2, вызвать его load(), чтобы он отображал информацию так, как если бы был нажат элемент из его подменю?

Спасибо! Дополнительную информацию можно получить, щелкнув элемент в page1.html я хочу перенаправить o page2.html с определенным загруженным на нее содержимым ajax. page2.html это страница с ajax

Дополнительная информация: Я хочу сделать это, потому что на странице 1 у меня есть карусель, и я хочу, чтобы каждая кнопка ссылалась на совершенно другую страницу, страницу 2 для отображения информации, относящейся к этой карусели. Я уже создал эту страницу2, и она загружает содержимое на основе .load при нажатии на ссылку из ее подменю.

Ответ №1:

Возможно, я ошибаюсь, поскольку ваш вопрос труден для понимания, но я думаю, вы ищете что-то в этом роде:

 $('#foo li a').each(function() {
    $(this).click(function(e) {
        e.preventDefault();
        var href = $(this).attr('href');
        $('#bar').load(href   ' #someContainer'); // Load the href   an ID.
    });
});
  

Итак, для примера возьмем этот html:

 <ul id="foo">
    <li><a href="http://google.com">Link 1</a></li>
    <li><a href="http://microsoft.com">Link 2</a></li>
    <li><a href="http://apple.com">Link 3</a></li>
</ul>
  

Если вы нажмете на ссылку 2, preventDefault() это «предотвратит» изменение местоположения вашего браузера (изменение страницы), после чего вы сохраните атрибут этой привязанной ссылки в переменной с именем href. Затем, наконец, вы загрузите содержимое этой переменной в указанный вами div, в данном случае ‘bar’.

Комментарии:

1. Я действительно хочу перейти на другую страницу, но я хочу перейти на differentpage.html / mission или что-то в этом роде differentpage.html имеет подменю, и у этого есть ajax, я не знаю, возможно ли имитировать элемент из differentpage.html был нажат с mainpage.html . Щелкнув элемент в mainpage.html я хочу перенаправить o differentpage.html с определенным загруженным на нее содержимым ajax

2. @bb2 Ты имеешь в виду, как $('#bar').load(href ' #container');

3. Я не хочу ничего загружать на главную страницу. На главной странице у меня есть карусель, и когда вы нажимаете кнопку, я хочу, чтобы она переходила на другую страницу, и на этой другой странице информация отображается через ajax