[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Ajax. помогите разобраться
AntonNABSAL
Вообщем у меня большая проблема(
Пишу движок свой, как дипломную работу, и сказали сделать с использованием AJAX.
Прочитал статьи, но чет не получается.
Теперь вообщем суть проблемы.
нужно обновлять часть страницы по переходу по ссылке.
прошу не пишите ссылки на статьи, а просто поэтапно что и куда объясните.)))




Спустя 20 минут, 8 секунд (20.05.2010 - 10:09) Basili4 написал(а):
Для этого не нужен AJAX для того что бы обновить часть страницы нужен JS

var El=document.getElementById(Elname); Elname- id элемента который хотим обновить

El.innerHTML="<h3>пример</h3>" - указыаем HTML код который хотим записать в элемент. Все.

Для работы с AJAXом найдите книгу "Ajax в действии" автора не помню. там подробненько все написано.

Спустя 2 минуты, 23 секунды (20.05.2010 - 10:11) AntonNABSAL написал(а):
Цитата (Basili4 @ 20.05.2010 - 07:09)
Для этого не нужен AJAX для того что бы обновить часть страницы нужен JS

var El=document.getElementById(Elname); Elname- id элемента который хотим обновить

El.innerHTML="<h3>пример</h3>" - указыаем HTML код который хотим записать в элемент. Все.

Для работы с AJAXом найдите книгу "Ajax в действии" автора не помню. там подробненько все написано.

мне не обновить, а именно перезагрузить контент, т.е. открыть новый php файл в этой области страницы

Спустя 6 минут, 51 секунда (20.05.2010 - 10:18) ApuktaChehov написал(а):
У меня личный вопрос. А по какой специальности вы учитесь, что у вас AJAX входит в дипломную работу?

На самом деле тема довольно обширная, что бы просто так все объяснить.
Тут нужно время и материал. Вы бы предоставили свои нароботки, а мы бы посомтрели и посоветовали что-нибудь.

Спустя 7 минут, 56 секунд (20.05.2010 - 10:26) zarafar написал(а):
Мне бы Ajax'ом отделаться на дипломной. Эх...
Сейчас сижу в академ отпуске, пришлось взять перед защитой. Зарубили на теме диплома: Передача и обработка грозопеленгационной информации в вычислительной сети. Которую мне же дал науч рук и на которую был даже заказ, какой то метео службы.

О всяких сайтах и слышать даже не хотят = *(
Простите за офф топ, диплом больная тема..

Спустя 7 минут, 55 секунд (20.05.2010 - 10:34) ApuktaChehov написал(а):
Я не очень понимаю, почему AJAX это такая больная тема? Нужно просто сесть и написать что-нибудь. Многие так учились, на скриптах из Гугла.

Спустя 26 минут, 15 секунд (20.05.2010 - 11:00) Семён написал(а):
Да уж большая и обширная тема, что нельзя человеку пример привести, гораздо лучше помусолить и повосхищаться сложность AJAX-a!

Держи пример:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div
id="result"></div>
<a
id="mypage" style="cursor:pointer;">Получить информацию!</a>
<script>

$("#mypage").click(function () {
$.get("ТУТ_ССЫЛКА_ОТКУДА_ТАЩИТЬ_ИНФУ", function(data){
$('#result').html(data);
});
});
</script>

Спустя 12 минут, 44 секунды (20.05.2010 - 11:13) ApuktaChehov написал(а):
Это же JQuery. На месте учителя, я за такое дело, бы кол влепил.

Спустя 14 минут, 3 секунды (20.05.2010 - 11:27) Семён написал(а):
Цитата (ApuktaChehov @ 20.05.2010 - 12:13)
Это же JQuery. На месте учителя, я за такое дело, бы кол влепил.

У тебя есть мобильный? Зачем он тебе? Пользуйся переговорным будками, если прогресс не идёт к тебе в дом! Зачем использовать готовый библиотеки php? Пиши свои функции!

Спустя 8 минут, 34 секунды (20.05.2010 - 11:35) waldicom написал(а):
Цитата (ApuktaChehov @ 20.05.2010 - 10:13)
Это же JQuery. На месте учителя, я за такое дело, бы кол влепил.

В принципе я с тобой где-то согласен, потому что в школе/универе надо иногда "изобрести велосипед", просто чтобы понять, как это работает внутри.

Спустя 1 час, 30 минут, 36 секунд (20.05.2010 - 13:06) andyp написал(а):
Да, в начале обучения не нужно пользоваться чужим готовым кодом, который, кстати, не всегда рабочий (а искать ошибки в чужом коде дело хлопотное, и тем более незная как он работает, навряд ли их исправишь). Да и даже в таких известных библиотеках бывают грубые баги. Например, довольно долгое время в jQuery неверно работали функции просчета позиции элементов.

Но может человек преследует не образовательные цели, а ему нужен результат. Тогда jQuery функции для работы с AJAX подойдут.

Спустя 6 минут, 22 секунды (20.05.2010 - 13:12) AntonNABSAL написал(а):
Цитата (Семён @ 20.05.2010 - 08:00)
Да уж большая и обширная тема, что нельзя человеку пример привести, гораздо лучше помусолить и повосхищаться сложность AJAX-a!

Держи пример:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div
id="result"></div>
<a
id="mypage" style="cursor:pointer;">Получить информацию!</a>
<script>

$("#mypage").click(function () {
$.get("ТУТ_ССЫЛКА_ОТКУДА_ТАЩИТЬ_ИНФУ", function(data){
$('#result').html(data);
});
});
</script>

спасиб за код))) только можешь подробнее объяснить что тут откуда и куда???

Спустя 20 минут, 19 секунд (20.05.2010 - 13:33) Семён написал(а):
AntonNABSAL
Нз. JQuery - красивая кроссбраузерная оболочка языка JavaScript.
Большие громоздкие и кроссбраузерные куски кода в виде 1 команды.
В данном случае мы воспользовались командой get. (там очень много всего, если есть необходимость использовать чистый JS, то JQuery не будет ему мешать)

Как этот код работает?
1-ой строкой мы подключили саму библиотеку JQuery.
2-ой мы сделали слой с id = result (тот слой куда у нас будет выводиться информация)
3-ей сделали ссылку, при клике которой будет выполнятся JavaScript и соответственно получение страницы.

Между тегами:
<script></script>

Выполняется JavaScript
$("#mypage").click(function () {

}
);

Происходит выполнение действий по клику элемента с id=mypage.
Мы добавляем то самое действие (.get)
				$.get("ТУТ_ССЫЛКА_ОТКУДА_ТАЩИТЬ_ИНФУ", function(data){
$('#result').html(data);
});


В результате мы получаем data которую выводим в div с id=result
Таким образом
$('#result').html(data);


Более подробный справочник:
http://jquery.com
http://docs.jquery.com/Main_Page

Спустя 4 минуты, 48 секунд (20.05.2010 - 13:38) AntonNABSAL написал(а):
Цитата (Семён @ 20.05.2010 - 10:33)
AntonNABSAL
Нз. JQuery - красивая кроссбраузерная оболочка языка JavaScript.
Большие громоздкие и кроссбраузерные куски кода в виде 1 команды.
В данном случае мы воспользовались командой get. (там очень много всего, если есть необходимость использовать чистый JS, то JQuery не будет ему мешать)
.....

спс большое

Спустя 8 минут, 11 секунд (20.05.2010 - 13:46) AntonNABSAL написал(а):
Цитата (Семён @ 20.05.2010 - 10:33)
AntonNABSAL

и еще вопрос, по конкретному применению)
есть ссылка <a href="lib/a1.php">ПРИМЕР1</a2> и <a href="lib/a2.php">ПРИМЕР2</a>
и как именно их подогнать под этот код?

извини если слишком тугой

Спустя 32 секунды (20.05.2010 - 13:46) Семён написал(а):
нз.

Спустя 1 минута, 2 секунды (20.05.2010 - 13:47) Семён написал(а):
Цитата (AntonNABSAL @ 20.05.2010 - 14:46)
Цитата (Семён @ 20.05.2010 - 10:33)
AntonNABSAL

и еще вопрос, по конкретному применению)
есть ссылка <a href="lib/a1.php">ПРИМЕР1</a2> и <a href="lib/a2.php">ПРИМЕР2</a>
и как именно их подогнать под этот код?

извини если слишком тугой

Тебе нужно чтобы при клики на ссылки открывалась информация расположенная по адресу в тегах href=?

Спустя 2 минуты, 20 секунд (20.05.2010 - 13:50) Семён написал(а):
<script src="http://code.jquery.com/jquery-latest.js"></script>
<
div id="result"></div>
<
a id="example1">ПРИМЕР1</a>
<
a id="example2">ПРИМЕР2</a>
<
script>
$("#example1").click(function () {
$.get("http://твой_сайт/lib/a1.php", function(data){
$('#result').html(data);
});
});
$("#example2").click(function () {
$.get("http://твой_сайт/lib/a2.php", function(data){
$('#result').html(data);
});
});
</
script>

Спустя 16 минут, 30 секунд (20.05.2010 - 14:06) AntonNABSAL написал(а):
вот все))) спс огромное

Спустя 1 минута, 3 секунды (20.05.2010 - 14:07) Семён написал(а):
нз.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.