ajax с чего начать?

Статус
В этой теме нельзя размещать новые ответы.
greyuac2

greyuac2

Создатель
Регистрация
3 Мар 2008
Сообщения
22
Реакции
0
Народ подскажите плз. с чего начать изучение ajax ?
 
спасибо!, но чет я както не могу раздуплиться в jquery, куда эти скрипты вставлять.. хз
 
скачать jquery
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

сохранить файл как jquery-1.3.2.js

создать чистую страницу html и прикрепить jquery файл будет шаблон для скриптов
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>

<script language="JavaScript" type="text/javascript">
//тут код jquery

</script>


<title>JQuery</title>
</head>

<body>

</body>
</html>
пример с ajax загрузка данных из файла test.html после нажатия на ссылку
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>

<script language="JavaScript" type="text/javascript">
//код jquery
//функция загрузки файла через ajax, содержимое файла показать в элементе id="result"
function load_data_ajax(file){
    $.ajax({
      url: file,
      cache: false,
      success: function(html){
        //заменить html элемента id="result" на загруженные данные
        $("#result").html(html);
      }
    });
}

</script>


<title>JQuery</title>
</head>

<body>

<div id="result">тут должен появиться результат</div>
<!-- при нажатии на ссылку выполнится функция load_data_ajax , this.href - ссылка href, возвращается return false значить перехода по ссылке не будет -->
<a href="test.html" onclick="load_data_ajax(this.href);return false;">Закачать</a>

</body>
</html>
ajax примеры
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 

Вложения

  • jquery_ajax.zip
    34,2 KB · Просмотры: 7
спасибки :) уже по немногу начинаю понимать, читаю какраз мануалы :)

но я так понял то что мне нужно сделать, я еще не скоро сделаю, хотя догадываюсь что это не очень сложно, вот пример что мне нужно смастерить: Для просмотра ссылки Войди или Зарегистрируйся
 
greyuac2 написал(а):
спасибки :) уже по немногу начинаю понимать, читаю какраз мануалы :)

но я так понял то что мне нужно сделать, я еще не скоро сделаю, хотя догадываюсь что это не очень сложно, вот пример что мне нужно смастерить: Для просмотра ссылки Войди или Зарегистрируйся
Нажмите для раскрытия...

Для Вашего примера будут полезны еще учебник по XHTML и и CSS
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху