Ajax jQuery перенаправить как GitHub или Neowin - PullRequest
0 голосов
/ 05 февраля 2012

Я создаю сайт, используя чистые HTML-теги.Когда я использую тег гиперссылки, например <a href="http://mydomain/xx">xx</a>, я хочу перенаправить на <a href="http://mydomain/yy">yy</a>.Это работает, но я хочу плавное перенаправление Ajax, подобное используемому в GitHub.

В https://github.com/jquery/plugins.jquery.com, если вы нажмете любую из этих ссылок ниже plugins.jquery.com, вы увидите плавное перенаправление Ajax.

В Neowin вы можете увидеть эти плавные перенаправления, если вы нажмете любую из этих кнопок страницы внизу.

Как я могу сделать перенаправление Ajax с этой маленькой HTML-страницы, используя jQuery или что-то подобное?

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Page 1</title>
    </head>

    <body>
        <a href="page2">Page 2</a>
    </body>
</html>

Из приведенного выше кода я хочу, чтобы a href был перенаправлен Ajax.Пока мне плевать на причудливые эффекты, но мне нужна эта плавность.

1 Ответ

0 голосов
/ 05 февраля 2012

Я бы сказал, что это специализированная функция, особенно на GitHub.Вам нужно будет сделать несколько вещей:

  1. Проверить наличие события click на каждой ссылке на странице или в определенном контейнере (см. http://api.jquery.com/on/)
  2. . Затем вы делаете реальноеAJAX-запрос (см. http://api.jquery.com/get/)
  3. . Вы получите всю HTML-страницу в качестве ответа, которую вы можете фильтровать и обновлять только те части страницы, которые действительно меняются - или, если вы хотите заменить всю страницу,сделайте это (см. http://api.jquery.com/html/)

Если вы можете подробнее рассказать о том, что вы уже пробовали, мы можем помочь вам намного лучше.

...