План такой:
Хочу сделать проверку на знание иностранных слов. Создал БД 'word'
, и в ней таблицу 'vocab'
. Соответственно три поля: word_id, word_eng, word_ua
;
Но у меня возникла проблема с отправкой данных из форм. Т.к. у меня же слов 10 и значит, как мне сделать для каждой формы свой AJAX-запрос?
Я думал сперва засунуть ajax-скрипт
внутрь цикла вывода форм, но понял, что будет много лишнего кода. Как мне реализовать такое?
Может попробовать что-то типа: <input ... data-id="'.$id.'">
?
index.php:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<?
for ($i=1; $i<=10; $i++) {
$id = $i;
echo '<form action="include/add.php" method="post" id="'.$id.'">
<b>Word: #'.$id.'</b>
<br><br>
<input type="text" placeholder="English" name="EngWord">
<input type="text" placeholder="Ukrainian" name="UaWord">
<input type="submit" name="sub">
<br><br><hr><br>
</form>';
}
?>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
// Тут должен быть AJAX
</script>
</body>
</html>
add.php:
<?
$host = 'localhost';
$database = 'word';
$user = 'main';
$pass = 'main';
$connect = mysqli_connect($host, $user, $pass, $database);
if (isset($_POST['sub'])) {
$EngWord = $_POST['EngWord'];
$UaWord = $_POST['UaWord'];
$sql = "INSERT INTO `vocab` (`word_eng`, `word_ua`) VALUES ('$EngWord', '$UaWord')";
$res = mysqli_query($connect, $sql);
mysqli_close($connect);
}
?>