Результат роботи

Розробка web-додатків на основі технології AJAX.

Бібліотека jQuery.»

Виконав:

студент групи СНс-32

Надозірний В. Б.

Перевірив:

Михайлович Т. В.

________________

Мета роботи: ознайомлення із асинхронним режимом обміну повідомленнями клієнт-серверної архітектури при створенні веб-сервісів; розробка веб-додатку на основі AJAX; оволодіння методами і прийомами роботи із бібліотекою jQuery для доступу до елементів DOM.

Порядок виконання роботи

Файл index.html

<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" " https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns=" https://www.w3.org/1999/xhtml" >

< head>

< title> Калькулятор< /title>

< script type=" text/javascript" src=" calc.js" > < /script>

< /head>

< body>

< div align=" left" >

< form>

Введіть вираз: & nbsp; < input id=" var1" type=" text" name=" data" > < p>

Результат: & nbsp; < input id=" var2" type=" text" name=" res" > < p>

< input id=" Submit1" type=" button" value=" Обчислити" onclick=" process()" >

< /form>

< /div>

< /body>

< /html>

Файл calc.js:

function process()

{

var xmlhttp;

if (window.XMLHttpRequest)

{

xmlhttp = new XMLHttpRequest();

}

else{

xmlhttp = new ActiveXObject(" Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState == 4 & & xmlhttp.status == 200)

{

document.getElementById(" var2").value = xmlhttp.responseText;

}

}

str = document.getElementById('var1').value;

xmlhttp.open(" GET", " calc.php? name=" + str, true);

xmlhttp.send();

}

Файл calc.php:

<? php

$str = str_replace(' ', '+', $_GET['name']);

eval(" echo $str; ");

? >

Результат роботи

Висновок: Під час виконання цієїлабораторній роботі я ознайомився з асинхронним режимом обміну повідомленнями клієнт-серверної архітектури при створенні веб-сервісів; розробив веб-додаток на основі AJAX; оволодів методами і прийомами роботи із бібліотекою jQuery для доступу до елементів DOM.