Лабораторная работа №3
Разработчики
- Кузьмин ИДБ-13-12
- Помазов ИДБ-13-12
- Антонов ИДБ-13-13
- Леонтьев ИДБ-13-13
Основные задачи лабораторной работы:
- знакомство с методами взаимодействия клиент-сервер (form, ajax)
- подключение к личной странице методов записи данных на сервере
USE Case Diagram лабораторной работы:
Создать в файле index.html форму для взаимодействия клиент-сервер
Пример:
<form action="/action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
Скачать библиотеку jquery с официального сайта jquery. Если вы не хотите скачивать, можете воспользоваться CDN (Content Delivery Network):
Google CDN:
Microsoft CDN:
Пример:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
Создать функцию отправки post или get запроса на сервер с помощью ajax:
$.post({
url: url,
type: "POST",
data: data,
success: success,
dataType: dataType
});
post
get
Создать файл .php для обработки полученных данных:
<?php
echo "I data = ".$_POST['data'].";
?>
Загрузить файлы в личный репозиторий.
Обновить песочницу.
Открыть страницу для представления результата.
Дополнительные материалы: