javascript - 处理ajax同步？

Question

这个问题已经有答案了:

jQuery: Performing synchronous AJAX requests (4 个回答)

已关闭 6 年前。

我有一个通过ajax获取数据并执行某些操作的示例。条件是这个函数可以重用。可以在任何地方打电话。

<script type="text/javascript">

    function getData(value1,value2){

        $.ajax({
            url: URL,
            data:{
                email:value1,
                age:value2
            },
            async:false,
            dataType: "json",
            type: "get",
            success: function(data){

                var result;

                result = data.result;

                console.log("result:"+result);
            },
            error: function(){
            }
        });
    };

    var data;

    data = getData("email","age");

    console.log("data:"+data);
</script>

当我调用ajax时，结果稍后返回，因此数据为空。我尝试使用async false，但在ajax内就可以了。

如何让javascript等待响应而不执行，得到响应然后继续执行。设置超时不是一个好主意，因为它会导致不同服务器上的服务器响应速度以及服务器对不同客户端的响应速度问题。

Answer 1

您可以在ajax中使用回调

例如:

    function getData(value1,value2, callback){

        $.ajax({
            url: URL,
            data:{
                email:value1,
                age:value2
            },
            dataType: "json",
            type: "get",
            success: function(data){

                var result;

                result = data.result;
    callback(result)
                console.log("result:"+result);
            },
            error: function(){
            }
        });
    };

    var data;

    data = getData("email","age", function(result){
    console.log("data:"+data);
});