Магазин
Ajax - это технология взаимодействия клиент-сервер, т.е. с помощью данной технологии можно автоматически "перезагружать" определенные элементы страниц.
В общем у меня такой вопрос - как можно сделать на Java Script чтоб допустим в <span id="ajax">обновлялся контент</span>. Точней обновлялось содержание этого SPANa через определенный интервал?
Пользователь месяца
|
Андрей WPMasterKZ
1-й за Ноябрь
Очков активности: 888 
1 тема, 71 сообщение, 8 баллов репутации
Сайт: wpmaster.kz |
ТОП самых активных за этот месяц
-
#1OlgaGetman
Очков активности: 405
4 темы, 78 сообщений, 3 балла репутации
-
#2Mandarin
Очков активности: 246
3 темы, 73 сообщения, 2 балла репутации
-
#3BLIK
Очков активности: 102
0 тем, 17 сообщений, 4 балла репутации
-
#4Андрей WPMasterKZ (wpmaster.kz)
Очков активности: 87
Вне конкурса за определение пользователя месяца
-
#5TimurR
Очков активности: 63
Вне конкурса за определение пользователя месяца
- Показать весь ТОП 10
Предложения пользователей
Поддержите форум! =)
Апдейты
- Яндекс ИКС: 29.11.2018
- Яндекс выдача: 11.12.2018
Последние темы
-
Как сделать разный цвет ссылок в статье, меню, записях?pozitron123 - Вчера, 13:23
-
Какой процент отказов в ЯВМ приемлем для блога?
Андрей WPMasterKZ - Вчера, 11:30
-
Автопрокрутка на сайте, помогите сделать плавностьAudir853 - 09 Dec 2018 19:35
-
Годовалый сайт трудно продвигается, посещаемость медленно растет
OlgaGetman - 09 Dec 2018 19:16
-
Как выбрать домен и не прогадать?
OlgaGetman - 09 Dec 2018 14:51
Топ 5 участников по репутации
-
BLIK
Репутация: 953 -
ShowPrint (ShowPrint.ru)
Репутация: 850 -
-
Evgeniy3200 (everest-tour.by)
Репутация: 486 -
magnet (rbfxdirect.com)
Репутация: 315 - Показать ТОП 10
Динамическое обновление
#1
FordogeN
-
- Неактивные
- 1414 сообщений
Репутация: 0
#2
ZiTosS
-
- Неактивные
- 5148 сообщений
Репутация: 8
Отправлено 05 January 2009 - 16:28
Ajax - это технология АСИНХРОННОЙ(синхронной) работы JavaScript с XML(который формируется на сервере)
Но также есть возможность возвращать обычный текст, не в формате XML.
Запросто. Есть такая функция в JS как
А вот и мой маленький примерчик.
Но также есть возможность возвращать обычный текст, не в формате XML.
В общем у меня такой вопрос - как можно сделать на Java Script чтоб допустим в <span id="ajax">обновлялся контент</span>. Точней обновлялось содержание этого SPANa через определенный интервал?
Запросто. Есть такая функция в JS как
setInterval(имя_функции, время_повтора_в_милисекундах)
А вот и мой маленький примерчик.
<html>
<head>
<script type="text/javascript">
function blockDinamic()
{
var blocks = new Array("блок1","блок2","блок3","блок4");
var n = Math.floor(Math.random()*(blocks.length));
document.getElementById('ajax').innerHTML = blocks[n];
}
setInterval(blockDinamic, 1000);
</script>
</head>
<body>
<div id="ajax"></div>
</body>
</html>
#3
FordogeN
-
- Неактивные
- 1414 сообщений
Topic Starter
Репутация: 0
Отправлено 05 January 2009 - 16:55
оО... точно, СетИнтервал! Я просто помню раньше делал как-то часы и там каждую секунду обновлялось, а как - забыл... Спасиб))
зы. я так понял - blocks[n], в место [n] нужно поставить номер блока?
зы. я так понял - blocks[n], в место [n] нужно поставить номер блока?
Как настроить выдержку и диафрагму зеркального фотоаппарата
#4
ZiTosS
-
- Неактивные
- 5148 сообщений
Репутация: 8
Отправлено 05 January 2009 - 17:12
Нет это я для примера сделал, а можно как ты и думал с помощью Ajax грузить инфу с PHP и вставлять 
#5
FordogeN
-
- Неактивные
- 1414 сообщений
Topic Starter
Репутация: 0
Отправлено 05 January 2009 - 20:17
Ну я именно твоим примером и хотел. Просто синтаксис не знаю((
Как настроить выдержку и диафрагму зеркального фотоаппарата
#6
Xap
-
- Неактивные
- 1520 сообщений
Репутация: 0
Отправлено 05 January 2009 - 23:22
А Ajax снижает нагрузки на сервер?
#7
FordogeN
-
- Неактивные
- 1414 сообщений
Topic Starter
Репутация: 0
Отправлено 05 January 2009 - 23:45
ну по сути да.
http://ajaxhelp.net/ajaxpage.html - вот по читай
Как настроить выдержку и диафрагму зеркального фотоаппарата
#8
ZiTosS
-
- Неактивные
- 5148 сообщений
Репутация: 8
Отправлено 06 January 2009 - 03:19
Я тут привёл пример как рандомно выводить через каждые 1 сек новый блок...
Так вот тебе просто надо с помощью Ajax посылать запрос на сервер, а на сервере просто обращаться к БД и выбирать нужные тебе блоки, парсить прям там HTML и возвращать обратно. Затем просто возвращенную информацию запихнуть в Div
Вот почитай
_http://www.ajaxa.net/2007/03/30/ajax-s-chego-nachat/
Так вот тебе просто надо с помощью Ajax посылать запрос на сервер, а на сервере просто обращаться к БД и выбирать нужные тебе блоки, парсить прям там HTML и возвращать обратно. Затем просто возвращенную информацию запихнуть в Div
Вот почитай
_http://www.ajaxa.net/2007/03/30/ajax-s-chego-nachat/
#9
FordogeN
-
- Неактивные
- 1414 сообщений
Topic Starter
Репутация: 0
Отправлено 06 January 2009 - 13:55
ZiTisS, а как сделать так, чтоб в место "Блок №" просто обновлялось содержимое?
Как настроить выдержку и диафрагму зеркального фотоаппарата
#10
ZiTosS
-
- Неактивные
- 5148 сообщений
Репутация: 8
Отправлено 06 January 2009 - 21:30
Во-первых, не ZiTisS, а ZiTosS 
Во-вторых, я же тебе не зря ссылку дал
_http://www.ajaxa.net/2007/03/30/ajax-s-chego-nachat/
1)К примеру 1.php
Файл JS с объектом xmlHttpRequest(как раз тот самый Ajax)
И файл file.php (лежит там же где и файл, который отправляет запрос, но это не обязательно, путь указывается в функции запроса)
Ну уж как вывести определённый контент из БД я думаю объяснять не придётся, если нужно с определёнными ID можно передавать их через GET в ссылке отправки запроса
Во-вторых, я же тебе не зря ссылку дал
_http://www.ajaxa.net/2007/03/30/ajax-s-chego-nachat/
1)К примеру 1.php
Файл JS с объектом xmlHttpRequest(как раз тот самый Ajax)
<html>
<head>
<script type="text/javascript" language="javascript">
function makeRequest()
{
var http_request = false;
if (window.XMLHttpRequest)
{ // Mozilla, Safari, ...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType)
{
http_request.overrideMimeType('text/xml');
// Читайте ниже об этой строке
}
}
else if (window.ActiveXObject)
{ // IE
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request)
{
alert('Не вышло :( Невозможно создать экземпляр класса XMLHTTP ');
return false;
}
http_request.onreadystatechange = function() { alertContents(http_request); };
http_request.open('GET', "./file.php", true);
http_request.send(null);
}
function alertContents(http_request)
{
if (http_request.readyState == 4)
{
if (http_request.status == 200)
{
document.getElementById('ajax').innerHTML = http_request.responseText;
} else {
alert('С запросом возникла проблема.');
}
}
}
setInterval(makeRequest, 4000);
</script>
</head>
<body>
<div id="ajax">Начальный контент</div>
</body>
</html>И файл file.php (лежит там же где и файл, который отправляет запрос, но это не обязательно, путь указывается в функции запроса)
<?php echo rand(1,100); ?>
Ну уж как вывести определённый контент из БД я думаю объяснять не придётся, если нужно с определёнными ID можно передавать их через GET в ссылке отправки запроса
