article.php

<?php
//страница будет закрыта, открыта только после регистрации
//при нажатии такой же страницы открывается форма регистрации
if($_COOKIE['login'] == '') {
  header('Location: /reg.php');
  exit();
}

 ?>
<!DOCTYPE html>
<html lang="ru">
<head>
<?php $website_title = 'Добавление статьи';
require 'blocks/head.php'; ?>
</head>
<body>
<?php require 'blocks/header.php'; ?>

  <main class="container-fluid mt-5">
    <div class="row">
      <div class="col-md-2"></div>
      <div class="col-md-6 mb-3 ">

        <h4>Добавление статьи<h4>
          <!-- <form action="" method="post">
            <label for="title">Заголовок статьи</label>
            <input type="text" name="title" id="title" class="form-control">

            <label for="intro">Интро статьи</label>
            <textarea name="intro" id="intro" class="form-control"></textarea>

            <label for="text">Текст статьи</label>
            <textarea name="text" id="text" class="form-control"></textarea>

            <div class="alert alert-danger mt-2" id="errorBlock"></div>
            <button type="button" id="article_send" class="btn btn-success mt-3">
              Добавить
            </button>
            </form> -->
            <form action="ajax/add_article.php" method="post" enctype="multipart/form-data">


    <label for="title">Заголовок статьи</label>
    <input type="text" name="title" class="form-control">
    <label for="intro">Интро статьи</label>
    <textarea name="intro"  class="form-control"></textarea>


                    <label for="text">Текст статьи</label>
                    <textarea name="textt"  class="form-control"></textarea>
                  <p>Загрузить картику</p>
                  <input type="file" name="img_upload" class="form-control">
                  <input type="submit" name="upload" value="Загрузить" class="btn btn-success mt-3">
            </form>


      </div>
<?php  require 'blocks/aside.php';?>
      </div>
    </main>
<?php require 'blocks/footer.php'; ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $('#article_send').click(function () {//при нажатии на кнопку в режиме асинхронности
    var title = $('#title').val();
    var intro = $('#intro').val();
    var text = $('#text').val();


    $.ajax({
      url: 'ajax/add_article.php',  //тот файлик по которому будет выполняться скрипт
      type: 'POST',
      cache: false,
      data: {'title' : title, 'intro' : intro, 'text' : text},
      dataType: 'html',
      success: function(data) {
          if(data == 'Готово') {
            $('#article_send').text('Все готово');
            $('#errorBlock').hide();
          } else {
              $('#errorBlock').show();
              $('#errorBlock').text(data);
            }
      }
    });
   });
</script>


</body>
</html>