как в JS сделать какую-то функцию принудительно синхронной?

Question

есть некий простой код который должен дергать сервер и брать данные с php скрипта. Но Алерт вызывается черезчур рано -- до того как ответ с сервера прийдет. Как пофиксить?

<script>
    $(document).ready(
        function(){
            var discount = 'noDiscount';
            GetTextFromPage('http://discount.com.net/get_discount.php', discount);

            alert(discount);
        }
    );

    function GetTextFromPage(page, callback) {
        $.ajax({
            type: "GET",
            url: page,
            async:true,
            dataType : 'jsonp',   //you may use jsonp for cross origin request
            crossDomain:true,
            success: function(data, status, xhr) {
                callback(data);
            }
        });
    };
</script>

пытаюсь понять как сделать GetTextFromPage синхронной в то время как внутры был асинхронный вызов.

Фактически, сделать то же что делает await в C#. Вроде:

function(){
    var discount = 'noDiscount';
    AWAIT GetTextFromPage('http://discount.com.net/get_discount.php', discount);
    alert(discount);
}

Answer 1

Потому что нужно вызывать alert, а вообще alert это плохой тон в использовании, лучше используйте console.log(), в самой функции GetTextFromPage

Вариант №1

    $(document).ready(
        function(){
            GetTextFromPage('http://discount.com.net/get_discount.php', 'noDiscount');
        }
    );

    function GetTextFromPage(page, callback) {
        $.ajax({
            type: "GET",
            url: page,
            async:true,
            dataType : 'jsonp',   //you may use jsonp for cross origin request
            crossDomain:true,
            success: function(data, status, xhr) {
                alert(data);
            }
        });
    };
</script>

Вариант №2

    $(document).ready(
        function(){
            GetTextFromPage('http://discount.com.net/get_discount.php',function(data){alert(data);});
        }
    );

    function GetTextFromPage(page, callback) {
        $.ajax({
            type: "GET",
            url: page,
            async:true,
            dataType : 'jsonp',   //you may use jsonp for cross origin request
            crossDomain:true,
            success: function(data, status, xhr) {
                callback(data);
            }
        });
    };
</script>