Динамические HTML-элементы для обратного вызова в кеше требуется

Question

Я хочу изменить / использовать / передать HTML-элемент как динамический в зависимости от пользователя.Как мне добиться.

Я использовал ajax-запрос для получения и установки значений для глобальной переменной, прежде чем потребуется кеш.Но это не сработает, потому что ajax занимает мало времени и требует мгновенных запусков.

        var ajaxReturn = "";

        $.ajax({
                url: "http://localhost:8080/domain/_search?q=DomainId:15&from=0&size=100",
                type: 'GET',
                success: function (result) {

                    ajaxReturn = '<div data-dojo-attach-point="dropDownNode"></div>';
                },
                error: function () {
                    console.log("Error....");
                }
        });


        require({
            cache: {
                "url:local/store/dropDown.html": ajaxReturn
            }
        });

        define("local/store/dropDown", "a, b, c, d, e, f".split(" "), function(a, b, c, d, e, f) {

            a = a(d, {templateString: e});

            return a
        });

Я хочу передать динамические html-элементы в ajaxReturn внутри кэша require.

Answer 1

Для лучшего пользовательского опыта вам следует переосмыслить свой код, сначала потребовать что-либо, а затем делать вызовы ajax.

Но, один из способов исправить это - добавить async: false в вызов Ajax.Это делает вызов синхронным, поэтому ваш общедоступный var будет иметь значение.

Пример:

   $.ajax({
            url: "http://localhost:8080/domain/_search?q=DomainId:15&from=0&size=100",
            async:false,
            type: 'GET',
            success: function (result) {

                ajaxReturn = '<div data-dojo-attach-point="dropDownNode"></div>';
            },
            error: function () {
                console.log("Error....");
            }
    });