The_Last_Dot
@The_Last_Dot

Как послать данные на сервер при помощи AJAX?

Добрый вечер. Неделю пытаюсь понять, как отправлять данные на сервер при помощи AJAX, но все никак...
Так же хочу, чтоб в text приходило какое-нибудь сообщение...
Спасибо!!!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>
<body>
    <form action="server.php" method="POST">
        <label>
            <input type="text" name="name" id="name" />
        </label>
        <label>
            <input type="submit" name="send" value="send" id="send" />
        </label>
    </form>
    <p id="text">|</p>
</body>
</html>


// server.php
<?php
$name = filter_var(trim($_POST['name']), FILTER_SANITIZE_STRING);
if($name == ""){
    echo 'Write something...';
    exit();
}
$dbc = mysqli_connect('localhost', 'root', '', 'test')
    or die('error ' . mysqli_error($dbc));
$query = "INSERT INTO person (name) VALUE ('$name')";
$result = mysqli_query($dbc, $query) 
    or die('error ' . mysqli_error($dbc));
mysqli_close($dbc);
//header('Location: index.html');
?>


// main.js
$(document).ready(function() {
    $('#send').submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: 'server.php',
            data: //...
            success: //...
            //...
       });
     });
});
  • Вопрос задан
  • 88 просмотров
Решения вопроса 2
XBEHOLI
@XBEHOLI
back-end developer
data: $(this).serializeArray()

Или же укажите сами какие вам данные нужны виде массива :)
Ответ написан
@rotarepmipoleved
<form action="server.php" method="POST">
На саму форму добавляем ID. Получаем:
<form action="server.php" method="POST" id="formName">


Отлов события submit кидаем на название формы:
$('#formName').submit...
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы