Асинхронный запрос и возврат результата

[Divnenkiy]

Здравствуйте.

Мучаюсь не первый день с такой проблемой.

Есть jquery, есть модальная форма, сначала мне нужно выполнить GET запрос на сервер, и в зависимости от того, что сервер ответит решить можно ли открывать форму или нет.

Если использоваться асинхронный запрос, то понятно, что форма откроется в любом случае. А если использовать синхронный то всё хорошо, но консоль браузера ругается, что я не правильно поступаю и мои методы Deprecated.

Как сейчас правильно поступать в современных тенденциях?

Для понимания что я хочу, изображу это примерно так:

function getAccess(){

  ... запрос GET на сервер

return ответ

}

function showModalWindow(){

если getAccess() то открываем форму

}

Не представляю как это вырулить асинхронно

[Николя223]

и

пример то приведите что сделано

16 минут назад, Divnenkiy сказал:

Если использоваться асинхронный запрос, то понятно, что форма откроется в любом случае.

с чего это

[Divnenkiy]

var csrf_token = "";

function getToken() {
    $.ajax({
        url:'/admin/csrf-token/',
        type:'GET',
        dataType:'json',
        data: '',
        async: false,
        cache: false,
        timeout: 5000,
        success: function (data) {
            csrf_token = data['csrf-token'];
        },
        error: function(error) {
            console.log('Ошибка получения токена: ' + error.responseText);
        }
    });
}

$("#myModal").on("show.bs.modal", function(event) {

    getToken();
    var form = $("#myForm").serialize()

    $.ajax({
        url:'/admin/secretform',
        type:'POST',
        dataType:'json',
        data: form,
        async: true,
        cache: false,
        timeout: 5000,
        beforeSend: function(request) {
            return request.setRequestHeader('X-CSRF-TOKEN', csrf_token);
        },
        success: function (data) {
            $("#myModalLabel").text(data['title']);
            $("#name").val(data['name']);
            $("#email").val(data['email']);
        },
        error: function(error) {
            $(".modal-body").html('Ошибка обработки данных: ' + error.responseText);
        }
    });
});

В этом варианте работает. Но консоль говорит, что не по феншую поступаю. В JS живу всего неделю, поэтому сознание ещё не прижилось, сильно не ругайте.

Эм.. код немного не совпадает с задачей из 1 поста, но суть в том, что при открытии формы мне нужно обязательно дождаться завершения функции getToken(), чтобы в переменную csrf_token гарантированно встало значение.

[DivMan]

Ох уж эти jquery программисты

[Николя223]

сори - я временно в больнице лежу)) поэтому  баги сами отлавливайте если будут.  самое главное уловите как эта хрень работать должна

Скрытый текст

var csrf_token = "";

function getToken(foo) {
    $.ajax({
            url:'/admin/csrf-token/',
            type:'GET',
            dataType:'json',
            data: '',
            cache: false,
            success: function (data) {
                csrf_token = data['csrf-token'];

                //проверяем передана ли функция. если да - выполняем её. ну и естественно сунем в неё полученные данные
                if (typeof foo == 'function') {
                    foo(data)
                }

            },
            error: function(error) {
                console.log('Ошибка получения токена: ' + error.responseText);
            }
        });
}
// клик по кнопке, а не при открытии
$("#myModal-btn").on("click", function(event) {

        $callback  = function(dataToken) {
            var form = $("#myForm").serialize(),
            modal  = $("#myModal");
            $.ajax({
                    url:'/admin/secretform',
                    type:'POST',
                    dataType:'json',
                    data: form,
                    cache: false,
                    beforeSend: function(request) {
                        return request.setRequestHeader('X-CSRF-TOKEN', csrf_token);
                    },
                    success: function (data) {
                        // здесь уже условия проверяйте и вызывайте окно когда надо
                        // modal.modal('show')
                        $("#myModalLabel").text(data['title']);
                        $("#name").val(data['name']);
                        $("#email").val(data['email']);
                    },
                    error: function(error) {
                        $(".modal-body").html('Ошибка обработки данных: ' + error.responseText);
                    }
                });
        }


        getToken($callback);

    });

 

Edited September 13, 2017 by Николя223

[Divnenkiy]

Спасибо. Буду ковырять дальше. Поправляйтесь

[mrnobody]

2 часа назад, Николя223 сказал:

сори - я временно в больнице лежу))

Выздоравливай )

[Николя223]

спасибо. стараюсь)