Не могу заставить работать простую загрузку на AJAX и jQuery

Kristinka · 2015-02-12T10:48:20.0000000Z

Есть такой код: <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> function PageRecive(s) { document.getElementById('text').innerHTML=s; } var xmlHttp=false; function AjaxCreate() { if (xmlHttp) return true; /* Сначала попробуем создать XMLHttpRequest для голимого и глючного Internet Explorer */ /*@cc_on @*/ /*@if (@_jscript_version >= 5) try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { xmlHttp = false; } } @end @*/ /* А теперь, если у нас нормальный браузер, то создаём всё по-нормальному */ if (!xmlHttp && typeof XMLHttpRequest != 'undefined') xmlHttp = new XMLHttpRequest(); if (!xmlHttp && typeof XMLHttpRequest != 'undefined') { d.write('<div style="font-size: 16pt; color: black;">Не удалось создать объект для работы с Ajax. Возможно, в вашем браузере выключен JavaScript или вы пользуетесь фиговым браузером. Рекомендую установить <b>Mozilla Firefox</b> или <b>Opera</b></div>'); xmlHttp=false; return false; } return true; } function AjaxGet(url,callback) { function UpdatePage() { if (xmlHttp.readyState==4) { callback(xmlHttp.responseText); } } if (!xmlHttp) AjaxCreate(); xmlHttp.open('GET',url,true); xmlHttp.onreadystatechange=UpdatePage; xmlHttp.send(null); } </script> </head> <body> <table><tr><td> <a href="#" onclick="AjaxGet('page1.html',PageRecive); return false;">Меню 1</a><br /> <a href="#" onclick="AjaxGet('page2.html',PageRecive); return false;">Меню 2</a><br /> <a href="#" onclick="AjaxGet('page3.html',PageRecive); return false;">Меню 3</a><br /> </td><td> <div id="text">Тут будет содержимое подгружаемых страниц</div> </td></tr></table> </body> </html> Почему то у меня не работает этот код, сделала файл index.html c кодом что выше, рядом положила три файла page1.html , page2.html , page3.html ...... для примера сделала все эти три страницы с разными цветами фона, по идее при нажатии на ссылки на странице должны появляться все эти три цвета...Но ничего не происходит. Помогите плиз.

K

169

Kristinka

12 февраля 2015, 12:17

#11

SeoProger:
Я хочу сказать что то, как Вы сделали сейчас, не поменяет цвет страницы. Как я понял Вам нужно наглядно увидеть что ajax-запрос работает и содержание меняется - для этого добавьте текст на страницы. По поводу изменений фонов и т.д. смотрите основы HTML/CSS/JS, но обычно ajax не используют для замены страницы полностью.

ой, для меня это сложно немного , да и времени нет особо....Текст да , меняется....Хорошо, предположим на тех страницах у меня есть таблица окрашенная в какой то цвет, небольшой текст и пара небольших фото,при клике на ссылку с бокового меню в основную страницу должна загрузиться именно та таблица, предположим из файла page1.html , можете написать кусок кода и куда его вставить в первом моём примере то что в архиве ? Плиииз, очень надо... Мне бы один образец, дальше сама попробую разобраться.

BatchUniqueChecker - новый бесплатный Дорвеи и поисковые системы Анализ скорости загрузки сайта:

SP

56

SeoProger

12 февраля 2015, 12:22

#12

Если уж совсем простой пример - вставьте в page1.html этот код:

<table style="background-color: red;">

<tr>

	<td>Таблица 1</td>

</tr>

</table>

Теперь по первой ссылке будет выводиться красная таблица. По подобию сделайте остальные страницы и наполните нужным содержанием.

Делаю небольшие заказы на php, perl, js/ajax, delphi; парсеры, простые сайты с админкой, установка\настройка sape, wordpress и др. Мой Блог (http://www.seoproger.ru)

K

169

Kristinka

12 февраля 2015, 12:35

#13

SeoProger:
Если уж совсем простой пример - вставьте в page1.html этот код:

<table style="background-color: red;">

<tr>

	<td>Таблица 1</td>

</tr>

</table>

Теперь по первой ссылке будет выводиться красная таблица. По подобию сделайте остальные страницы и наполните нужным содержанием.

Ааааа, вот )))) то что ннннада )))))))) Спасибки :)

VK приобрела 70% в структуре компании-разработчика red_mad_robot

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