This version of the page http://ouch.kiev.ua/2006-11-22/1049.html (0.0.0.0) stored by archive.org.ua. It represents a snapshot of the page as of 2007-02-20. The original page over time could change.
» JQuery, урок номер 8 Подробно

Подробно

November 22, 2006

JQuery, урок номер 8

Рубрика: программирование, ajax, jQuery — Влад @ 2:35 pm

Давненько я не брал в руки шашки…

Итак, собственно, основное предназначение, ради чего народ возится со всевозможными JavaScript-овыми библиотеками - AJAX взаимодействие с сервером. Т.е. в сегодняшнем примере, мы будем не просто втыкивать в div-ы подготовленный в яваскрипте код, а будем этот код получать из php-файла…

Яваскрипт выглядит таким образом:

$(document).ready(function() {
  $("div#dynamic").load("hello.php",{name:"Vlad"});
  $("div#calculator").load("calc.php",{first:"98"});
});

Объясняю: с левой частью функций всё понятно? Там указано “куда” всё это дело будет выводится. Далее следует load-функция, где указано файл, который работает (hello.php & calc.php) ну и переменные, которые мы передаём скрипту - одна будет называться $name, другая - $first…

html-код выглядит так:

<h2>Пример номер 8</h2>
<div id="dynamic"></div>
<h2>И подверсия</h2>
<div id="calculator"></div>

сами php файлы:

echo "Превед, " . $name . "!";

и, соответственно:

echo "Квадрат " . $first  . " будет равен: " . $first*$first;

По-моему не просто, а ОЧЕНЬ просто.

Разумеется, в реальной жизни надо будет на время работы скрипта “включать” прелоадер (традиционную, крутящуюся картинку “змейку” какую-нить), а затем - отключать, ну а сам скрипт может не просто отображать полученные переменные, но и, например, делать запросы в базу данных, или отправлять почту. Ну короче говоря - всё что хочешь, всё будет делать, что сможет скрипт - и с другой стороны, что сможете напрограммировать

Чуть не забыл, ссылочка на действующий пример.

Нет комментариев »

Нет комментариев.

RSS feed for comments on this post. TrackBack URI

Оставить комментарий

Создано за 0.374 секунд. | Powered by WordPress