[Вопрос] меню на html странице и пресловутый AXAJ

05-04-2011, 03:15 PM

Добрый день!
Исходя из определения понятия Search Engine Optimization, включающего в себя понятие внутренней оптимизации, публикую свой вопрос в этом разделе.

Вопрос:
Что мешает приведенному ниже коду заработать?

При нажатии на ссылки
Нужно, чтобы отображалось меню вверху страницы со статьей, посылающее на нужное место в тексте ссылками при нажатии на пункт меню. (Пример)

Ответ, собственно я знаю, но не понимаю его.
Прошу помочь понять детали.
Открывая страницу (вложение *.zip) с приведенным ниже html кодом, при нажатии на ссылки, выдается ошибка, которая ищет аякс в корневой директории.
Что за AJAX ищет это меню (см. Пример)
Где его взять? (я реально тут не понимаю!

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

HTML Code:

<head>

<body>

        <div class="toc toc-full">
<ol>
  <li>
    <a href="/ajax/intro#chto-takoe-ajax-primer-realizacii">Что такое AJAX ? Пример реализации.</a>
    <ol>
      <li>
        <a href="/ajax/intro#smysl-ajax---v-integracii-tehnologiy">Смысл AJAX - в интеграции технологий</a>
      </li>

    </ol>
  </li>
  <li>
    <a href="/ajax/intro#chto-ya-mogu-sdelat-s-pomoshchyu-ajax">Что я могу сделать с помощью AJAX ?</a>
    <ol>
      <li>
        <a href="/ajax/intro#nebolshie-elementy-upravleniya">Небольшие элементы управления</a>
      </li>

      <li>
        <a href="/ajax/intro#dinamicheskaya-podgruzka-dannyh-s-servera">Динамическая подгрузка данных с сервера.</a>
      </li>
      <li>
        <a href="/ajax/intro#nezametnye-dlya-polzovatelya-deystviya">Незаметные для пользователя действия.</a>
      </li>
      <li>
        <a href="/ajax/intro#nepreryvnaya-podzagruzka-informacii-s-servera">Непрерывная подзагрузка информации с сервера.</a>

      </li>
    </ol>
  </li>
  <li>
    <a href="/ajax/intro#primer-google-suggest">Пример. Google suggest.</a>
  </li>
  <li>
    <a href="/ajax/intro#primer-gmail">Пример. Gmail.</a>

  </li>
  <li>
    <a href="/ajax/intro#sinhronnaya-model-vs-asinhronnaya-model">Синхронная модель VS Асинхронная модель</a>
    <ol>
      <li>
        <a href="/ajax/intro#sinhronnaya-i-asinhronnaya-model-v-ajax">Синхронная и асинхронная модель в AJAX</a>
      </li>
      <li>

        <a href="/ajax/intro#osobennosti-asinhronnoy-modeli">Особенности асинхронной модели</a>
      </li>
      <li>
        <a href="/ajax/intro#asinhronnyy-drag-n-drop">Асинхронный drag'n'drop.</a>
      </li>
      <li>
        <a href="/ajax/intro#stale-context-ustarevshiy-kontekst">Stale context, устаревший контекст</a>

        <ol>
          <li>
            <a href="/ajax/intro#politika-redaktirovaniya">Политика редактирования</a>
          </li>
          <li>
            <a href="/ajax/intro#loking-i-ili-versionnyy-kontrol">Локинг и/или версионный контроль</a>
          </li>
          <li>

            <a href="/ajax/intro#avtoobnovlenie-konteksta">АВТООБНОВЛЕНИЕ КОНТЕКСТА</a>
          </li>
        </ol>
      </li>
    </ol>
  </li>
</ol>

</div>
<p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p><p>
ссылка ниже
<p>
ссылка ниже
<p>
ссылка ниже
<p>


<h4 id="avtoobnovlenie-konteksta" class="header-link"><a href="#avtoobnovlenie-konteksta">АВТООБНОВЛЕНИЕ КОНТЕКСТА</a></h4>

</body>

</html>

Заранее благодарен!

05-04-2011, 03:29 PM

что такое AJAX
http://ru.wikipedia.org/wiki/AJAX
==
со страницы средствами яваскрипт, отправляется запрос в файл пхп (или другой исполняемый файл на сервере)
пхп файл принимает входящие данные, обрабатывает их отправляет ответ обратно яваскрипту
ну и конечный результат всех этих телодвижений, это что то показать узеру на странице в какой то ее части (без перезагрузки) либо показать ошибку, либо еще какие то данные, например, что отправленные узером данные успешно сохранены

==

все описанные действия выполняются?
есть отправляющий скрипт?
есть исполняемый файл? (php, asp, etc...)

==
upd
архив удалил, там чешуя всякая, никакого отношения к заданному вопросу не имеющая

05-04-2011, 03:44 PM

вот пример работы аякса

Files Manager 2.0.5 with SWFUploader (9.02 Мб)

по клику на линке срабатывает функция яваскрипта и передает данные линка в пхп файл
и вот тоже самое при нусуществующем файле

Несуществующий файл

05-04-2011, 04:45 PM

Я понял, что AJAX выполняет запросы на javascript непосредственно встроенного в страницу или подгружаемого запросом.

Значит меня смутила эта папка в представленном коде.

HTML Code:

<a href="/ajax/..."

Я из-за этого подумал, что Аякс - это набор файлов, а не инструкций.
Вероятно в моем примере в первом сообщении меню, организованное на сайте к AJAX не имеет никакого отношения.
Кстати это тоже просветление для меня, в какой-то мере.
Итак:
Аякс - запросы к БД посредством кода java
Меню на странице сайта - обычный html код, т.е. код одной конкретно взятой страницы и больше ничего...

Поправьте, если я не прав...

05-05-2011, 02:24 AM

Quote:

Originally Posted by MySuccess

запросы к БД посредством кода java

не обязательно в БД
и не java а javascript - это разные вещи