最好的办法就是在回调函数里写。
当然逻辑都写到回调函数里肯定不优雅，所以es7推出了 async await关键字，配合promise就可以以同步的方法写异步，浏览器上可以用babel编译为es5，模拟async await。

或者直接把异步请求改成同步，当然这样会阻塞整个js线程，网页会卡。

async await和promise的使用很简单，你只需要在请求的地方使用await，然后在包含了await的函数前加上async就可以了，示例如下

async function req(){
     await fetch("www.baidu.com");
     //业务代码
}

Jquery 异步改同步需要直接调用$.ajax函数，如

$.ajax('www.baidu.com', {
    method: 'get',
    async: false
})
//业务代码

你这个问题有点矛盾啊，显然你要等待数据准备好才能进行接下来的操作，而回调函数是解决这种异步问题的一个方法。

当然如果想写法上更加符合同步的写法，可以试试promise，jquery也有相关的实现，就是defered对象。

或者使用es6的Promise对象，es7的async，await。

这些都是当前js为解决异步编程只依赖回调所做的努力。

你用jquery的话那么可以使用$.deferred或者$.when这样的API.它的作用就是将你的callback的形式铺平开来，可以使用链式写法，看起来像同步执行的。但是你发起请求仍然是异步的。

Promise对象就是为了解决异步回调嵌套大法的、可以去看一下

var test ={
    func1:function(){
        var data = new Promise(function(resolve){
            setTimeout(function(){
                resolve("ajax结果111")
            },300)
        })
        return data;
    },
    func2:function(){
        var data = new Promise(function(resolve){
            setTimeout(function(){
                resolve("ajax结果222")
            },100)
        })
        return data;
    },
    func3:function(){
        var data = new Promise(function(resolve){
            setTimeout(function(){
                resolve("ajax结果333")
            },500)
        })
        return data;
    }
}
test.func1().then(test.func2).then(test.func3).then(function(value){
    console.log(value)
})

//几个异步方法是依次执行的

使用promise