Как добавить данные через модальное окно в бд?

Question

[Frel]

Как добавить данные через модальное окно в бд? Через простой формы добавляется, а вот через модальное нет как сделать, чтобы добавлялось?

<?php

    $ISBN = $_POST['ISBN'];
    $author = $_POST['author'];
    $name_book = $_POST['name_book'];
    $publisher = $_POST['publisher'];

    if (isset($_POST['add_submit'])) {
        if (!empty($ISBN) && !empty($author) && !empty($name_book) && !empty($publisher)) {
            $sqlAdd = "INSERT INTO book_table (ISBN, author, name_book, publisher) VALUES ('$ISBN', '$author', '$name_book', '$publisher')";
            $queryAdd = mysqli_query($connect_db, $sqlAdd) or die('Запрос не удался');
        }
    }

?>

<code lang="html">
<div class="modal fade" id="add" tabindex="-1" role="dialog" aria-labelledby="add" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
                <h4 class="modal-title custom_align" id="Heading">Добавьте в таблицу свою книгу</h4>
            </div>
            <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
                <div class="modal-body">
                    <div class="form-group">
                        <input class="form-control" type="text" name="ISBN" placeholder="Введите isbn книги">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="author" placeholder="Ввведите автора (ов) книги">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="name_book" placeholder="Введите название книги">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="publisher" placeholder="Ввелиие издательство книги">
                    </div>
                </div>
                <div class="modal-footer ">
                    <button type="button" name="add_submit" class="btn btn-warning btn-lg" style="width: 100%;"><span class="glyphicon glyphicon-ok-sign"></span> Update</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
</code>

Answer 1

[Максим Осадчий]

Javascript XMLHttpRequest

Comments

[Frel]

По подробней можно?

[Максим Осадчий]

Frel:

var xhr = new XMLHttpRequest(),
	myForm = document.forms.formName;
myForm.onsubmit = function(){
	var formData = new FormData(myForm);
	xhr.open('POST', 'path/to/handler', true);
	xhr.onloadend = function(){
		console.log(xhr.statusText);
	}
	xhr.send(formData);
	myForm.reset();
}