Отправка JSON Методом POST

@masli · Регистрация: 27.03.2013

Author24 — интернет-сервис помощи студентам

Javascript

    function saveEmployee() {
 
        var json = {
            "email": $("#txt_email").val(),
            "password": $("#txt_password").val(),
            "salary": $("#txt_salary").val()
        };
 
        var jsonObj = JSON.stringify(json);
 
        $.ajax({
            url: 'api/employees',
            type: 'POST',
            data: jsonObj,
            success: loadAllEmployes(),
            dataType: 'json'
        });
 
    }

Запрос приходит в метод моего API, но данные пустые.

Можете разъяснить, что не так здесь написано.

И что это за альтернативный метод?

Я просмотрел примеры, но не понимаю, как данные отправляются вот в таком примере

$.post('ajax/test.html', function(data) {
$('.result').html(data);
alert('Загрузка завершена.');
});

HTML5

<div class="formFrame">
 
    <h2>Добавить сотрудника</h2>
 
 
    <input type="hidden" name="hdn_id" value=""/>
 
    Email:
    <br/>
    <label for="txt_email"></label>
    <input id="txt_email" name="txt_email" value=""/>
    <br/>
    <br/>
 
    Пароль:
    <br/>
    <label for="txt_password"></label>
    <input id="txt_password" name="txt_password" value=""/>
 
    <br/>
    <br/>
 
    Заработная плата:
    <br/>
    <label for="txt_salary"></label><input id="txt_salary" name="txt_salary" value=""/>
 
    <br/>
    <br/>
 
    <button id="saveBtn">Сохранить нового сотрудника</button>
 
    <!--<a href="#" id="saveBtn2">Сохранить нового сотрудника</a>-->
 
    <!-- <form action="" method="post" onsubmit="event.preventDefault();"> -->
 
    <!-- </form> -->
</div>

Добавлено через 17 минут

Javascript

    $.ajax({
            type: "POST",
            url: "api/employees",
            data:jsonObj,
            success: function () {
                loadAllEmployes();
            },
            contentType : 'application/json'
        });

вот правильный вариант.

Нужно обязательно указывать :

contentType : 'application/json'

Не понятно почему так ?

Добавлено через 13 минут
Вот такой код - не работает

Javascript

       $.post({
            url: 'api/employees',
            contentType:   'application/json',
            data: jsonObj,
            dataType: 'json',
            success: function () {
               alert("Успешно!!!");
            },
 
        });

Почему?

@damirqa · 11.11.2018, 20:49

masli,

Javascript

error: function (jqXHR, exception) {
                    var msg = '';
                        if (jqXHR.status === 0) {
                            msg = 'Not connect.\n Verify Network.';
                        } else if (jqXHR.status == 404) {
                            msg = 'Requested page not found. [404]';
                        } else if (jqXHR.status == 500) {
                            msg = 'Internal Server Error [500].';
                        } else if (exception === 'parsererror') {
                            msg = 'Requested JSON parse failed.';
                        } else if (exception === 'timeout') {
                            msg = 'Time out error.';
                        } else if (exception === 'abort') {
                            msg = 'Ajax request aborted.';
                        } else {
                            msg = 'Uncaught Error.\n' + jqXHR.responseText;
                        }
                        alert(msg);
                }

	11.11.2018, 20:49