序列ajax调用没有＆＃34; async：false＆＃34;在每个功能

Question

我正在努力解决JQuery中的一些功能。

我需要按顺序运行ajax函数。

这是我的代码

$.each([ 52, 97 ], function( index, value ) {
    $.ajax({
        url: "sample.php"
    }).then(function(msg) {
        alert('1');
        alert("msg");
        $.ajax({
            method:"post",
            url: "sample1.php",
            data:{name:value}
            }).then(function(msg1) {
                alert('2');
                alert("msg1");
        });
    });

});

对于Eg。现在我得到这个结果 Please refer screenshot

我需要这样Need output like this

我通过添加＆＃34; async：false＆＃34;来获得预期的输出。但是当我尝试加载大量数据时，这会冻结chrome和safari浏览器中的页面。

所以请帮助解决这个问题。

提前致谢