Yvision.kz
kk
Разное
Разное
399 773 постов42 подписчика
Всяко-разно
0
12:13, 31 января 2011

Обмен данными с сервером

Hello малейкум! Решил продолжить писать о ява скрипте и библиотеке jquery. Как я уже писал я использую ее для создание динамических форм, постраничных навигаций и т.д. так вот сегодня хочу рассказать какие функции при этом используются...

Для начала расскажу вообще чем отличается динамическая форма(сегодня буду ее использовать в качестве примера) от простой. Разница впринципе не оцень большая, главная разница в том что после отправки простой формы на сервер страница обновляется, а при использовании динамической формы обмен данными между браузером и сервером идет в фоновом режиме и пользователь видет только результат этого обмена, а главное страница при этом не перезагружается. На первый взгляд разница несущественна проще написать простую форму да и пусть перезагружеатся, но главный(на мой взгляд) плюс динамических форм в том что они экономят трафик. Конечно если у вас на сайте в дизайне вообще не используется ни какая графика, флеш и т.д. то эта форма практически ничего не сыкономит, но если у вас на сайте много графики в оформлении или используется флеш то такая форма может сыкономить много кб трафика...При использовании динамической формы браузер отправит и получит небольшое кол-во кб, а если вся страница будет перезагружаться да еще и если не один раз(не правильно к примеру форму заполнит рлдбзователь) могут уйти Мб, а с нашим нетом каждый байт на счету!!!Поэтому использование динамических форм, на мой взгляд, более удобно, но есть и минус для работы этих форм придется грузить скрипты и библиотеки, но это не очень критично...

Ну ладно хватит болтавни, преступим....

Для отправки данных на сервер в библиотеке jquery имеется три функции, но я расскажу про одну наиболее использоваемую.

Эта фунция называется $.post она отправляет данные на сервер методом пост т.е. на сервере эти данные можно взять из глобального массива $_POST.

Описывать теорию не вижу смысла, в нете много инфы по этой функции, просто покажу не большой пример:

html:

  2. <p></p>
  3. <textarea id='text'></textarea>
  4. <input id='button' type="button" value="отправить">
  5. </body>

javascript:

  1. <script type="text/javascript">
  2. $(document).ready(function() { 
  3. $("#button").click(function(){
  4.  
  5. var text = $("#text").val();
  6. $.post("post.php",text,function(data){$("p").text(data);});
  7.  
  8. });
  9. }); 
  10. </script>

php(файл post.php):

  1. <? echo"вы отправили на сервер:".$_POST['text'].""; ?>

вот и весь пример, ничего сложного как видите нет...

Поняв работу этой функции можно "горы свернуть", множество скриптов основывается именно на этой функции, поэтому советую изучить ее и использовать....на этом пока все. Удачи!

Программист самоучка

0
368
1